开发微信公众号小技巧(易调试环境)

本主要对 在开发微信公众号时，遇到的一些问题进行总结 使用(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: 微信支付就不要妄想了!)

嗖嗖嗖~ 对应文章