扫码进入小程序 传参接收 前后台代码+服务器配置

业务场景:生成 店铺/商品 的二维码,分享给好友后,好友微信扫码直接进入对应的小程序页面( 例如:某商品对应的小程序路径为: “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
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值