开发微信公众号小技巧(易调试环境)
本主要对 在开发微信公众号时,遇到的一些问题进行总结 使用(vue)哦~调试微信公众号大家在本地环境开发的时候,修改样式,及调试接口一遍又一遍的在微信开发者工具上打开,因为在我们本地浏览器是打不开微信的页面的,或者每次更改一个细节就发一遍测试环境,非常耗时影响开发,这时~~~~小技巧来喽先在全局变量中将我们的环境分为三种dev 本地 bing bingtest 测试...
·
本主要对 在开发微信公众号时,遇到的一些问题进行总结 使用(vue)哦~
调试微信公众号
大家在本地环境开发的时候,修改样式,及调试接口一遍又一遍的在微信开发者工具上打开,因为在我们本地浏览器是打不开微信的页面的,或者每次更改一个细节就发一遍测试环境,非常耗时影响开发,这时~~~~
小技巧来喽
先在全局变量中将我们的环境分为三种
- dev 本地 bing bing
- test 测试
- prod 生产
将我们原本dev的环境更改为test环境, 在我们本地开发时我们使用的还是测试的接口
const Const = {
Runtime: 'prod' // 设置当前运行的环境
}
// 全局变量定义
let appConfig = {
wxAppId: 'xxxxx' // 如appId
} // 变量内可以填入一些其他的全局变量
switch (Const.Runtime) {
case: 'dev' // 本地开发环境
appConfig = {
Url: // 测试地址
}
break
case: 'test' // 测试环境
appConfig = {
Url: // 测试地址
}
break
case: 'prod' // 生产环境
appConfig = {
Url: // 线上地址
}
break
}
环境已经配置好了
在我们进入微信公众号页面时 判断当前全局变量的值为dev环境时
// 让用户手动输入token值
prompt('请输入测试用户的TOKEN:', '')
(插播)初次步入公众号的小伙伴可能不理解token 说句大白话就是用户的唯一标
因为我们在本地环境走的也是测试的接口,
所以在这里输入测试的用户的唯一标识
那么就可以顺利在本地开发和调试公众号喽~
(ps: 微信支付就不要妄想了!)
更多推荐
已为社区贡献4条内容
所有评论(0)