1、登录微信公众平台
2、点击开发管理——>开发设置——>扫普通二维码链接打开小程序,点击添加配置:
打开添加配置:
在这里还是要注意一下你的二维码规则要符合规范,具体的二维码规范要求请看官网:
扫普通链接二维码打开小程序二维码规则
同时要注意如果你的规则没有发布,那么它是只对你配置的测试链接生效的,如果想要对所有符合规则的都生效的话,你需要发布二维码规则。未发布的时候使用的小程序是体验版本的,发布完规则之后使用的小程序就是线下版本的了。所以要是想在体验版本测试,你就必须要配置测试链接了。
3、配置完成后可以用草料把你的测试链接生成二维码,扫描二维码之后就会进入小程序。
4、在你配置的小程序功能页面你可以在onload中获取到你配置的https路径
onLoad: function(options) {
if (options.hasOwnProperty('q') && options.q) {
// 通过下面这步解码,可以拿到url的值,obj是获取链接里面的参数
const url = decodeURIComponent(options.q);
wx.setStorageSync('qrSrc',url);//存储地址,用于跳转
const obj = util.urlParams(url);
}
}
urlParams方法用于获取链接的参数,我写在了util.js文件里面,代码如下:
const urlParams= function(url) {
let obj = {}
let str = url.slice(url.indexOf('?') + 1)
let arr = str.split('&')
for (let j = arr.length, i = 0; i < j; i++) {
let arr_temp = arr[i].split('=')
obj[arr_temp[0]] = arr_temp[1]
}
return obj
}
module.exports = {
urlParams: urlParams
};
5、我们的需求是扫描直接打开小程序比用web-view直接跳转到https页面的,所以我们可以在onShow函数里面写跳转
onShow(){
// 二维码扫描进来的
if(wx.getStorageSync('qrSrc')){
let src = wx.getStorageSync('qrSrc')+'&comminutyToken=' + wx.getStorageSync(constant.mapping.TOKEN);
wx.removeStorageSync('qrSrc');
wx.navigateTo({
url:'./webView?src='+src
})
}
}