微信小程序> 小程序码转普通二维码-微信小程序扫码识别二维码跳转指定页面(获取二维码参数)-小程序二维码

小程序码转普通二维码-微信小程序扫码识别二维码跳转指定页面(获取二维码参数)-小程序二维码

浏览量:1756 时间: 来源:Ho0229

1.最近有个需求,扫码获取在微信中识别二维码直接跳转到指定的打卡圈,下面来介绍下如何实现这个功能。

2.分享海报的绘制保存教程点击这里:【微信小程序生成图片分享朋友圈】

3.

4.官方扫码打开小程序接入指南

5.一、微信小程序后台配置二维码规则

6.

7.

8.1、如果你想在开发环境测试的话,按照上图的《测试链接》中进行配置,配置测试链接后扫码或者长按识别二维码是可以进入开发版小程序,否则会跳转线上环境的小程序

9.2、线上版本的测试链接无需配置。

10.二、微信小程序内获取二维码信息

11.1、decodeURIComponent解析生成二维码的链接。

/***生命周期函数--监听页面加载*/onLoad:function(options){if(options.q){//获取二维码的携带的链接信息letqrUrl=decodeURIComponent(options.q)console.log(qrUrl)this.setData({//获取链接中的参数信息actId:utils.getQueryString(qrUrl,'actId'),shareUserId:utils.getQueryString(qrUrl,'shareUserId'),}).......................其他操作.......................}},

12.2、utils中获取链接中所携带的参数

//解析链接中的参数letgetQueryString=function(url,name){console.log("url="+url)console.log("name="+name)varreg=newRegExp('(^|&|/?)'+name+'=([^&|/?]*)(&|/?|$)','i')varr=url.substr(1).match(reg)if(r!=null){console.log("r="+r)console.log("r[2]="+r[2])returnr[2]}returnnull;}//导出方法,外部调用module.exports={getQueryString:getQueryString,}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎