业务场景:生成 店铺/商品 的二维码,分享给好友后,好友微信扫码直接进入对应的小程序页面( 例如:某商品对应的小程序路径为: “pages/item/detail” )
设置规则
官网后台配置文档:https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=209437114&lang=zh_CN
1、登录微信小程序(微信小程序账号登录后,开发->开发设置, 页面下拉可以看到 “扫普通链接二维码打开小程序”,这个功能,点右边 绿色的 “添加”按钮
2、出现如下界面,按自己服务器的实际情况填写,
注意:
校验文件 有这个提示:“请下载校验文件,并根据说明文档要求将文件上传至服务器指定目录http://www.zhipur.com/下,并确保可以访问”,
所以一定要确保下载的的 .txt文件上传到项目的根目录下,然后才能点 “提交”按钮,否则会报错提示 :“校验文件检查失败”
生成二维码的字符串(用此字符串生成二维码,比如qrcode等插件)
http://www.zhipur.com/item_id=101
小程序内取参数 / 二维码内容获取
官方说明:在小程序后台配置二维码跳转小程序规则之后即可使用微信(6.5.6及其以上客户端版本)扫码打开小程序。
二维码链接内容会以参数q的形式带给页面,在onLoad事件中提取q参数并自行decodeURIComponent一次,即可获取原二维码的完整内容。
index.js
onLoad: function(options) {
if (options.q) {// 如果是扫码进入小程序
var wxStr = decodeURIComponent(options.q);
var tmpCode = wxStr.match(/\?item_id=(.*)/); // 假设传参形式为 "?item_id=123123",且只有一个参数
if (!tmpCode) {
wx.navigateTo({ url: '/pages/webview/error_page' });
} else {
wx.navigateTo({ url: '/pages/webview/index?type=scan&id=' + tmpCode[1] });
}
}
// other code
}