微信小程序扫码识别二维码跳转指定页面获取二维码参数-小程序码转二维码-小程序码在线生成-即速应用

微信小程序扫码识别二维码跳转指定页面获取二维码参数-小程序码转二维码-小程序码在线生成

浏览量：5419 时间：2020-04-06 来源：Ho0229

1.
最近有个需求，扫码获取在微信中识别二维码直接跳转到指定的打卡圈，下面来介绍下如何实现这个功能。
2.
分享海报的绘制保存教程点击这里：【微信小程序生成图片分享朋友圈】
3.
官方扫码打开小程序接入指南
4.
一、微信小程序后台配置二维码规则
5.
1、如果你想在开发环境测试的话，按照上图的《测试链接》中进行配置，配置测试链接后扫码或者长按识别二维码是可以进入开发版小程序，否则会跳转线上环境的小程序
6.
2、线上版本的测试链接无需配置。
7.
二、微信小程序内获取二维码信息
8.
1、decodeURIComponent解析生成二维码的链接。
/***生命周期函数--监听页面加载*/onLoad:function(options){if(options.q){//获取二维码的携带的链接信息letqrUrldecodeURIComponent(options.q)console.log(qrUrl)this.setData({//获取链接中的参数信息actId:utils.getQueryString(qrUrl,'actId'),shareUserId:utils.getQueryString(qrUrl,'shareUserId'),}).......................其他操作.......................}},9.
2、utils中获取链接中所携带的参数
//解析链接中的参数letgetQueryStringfunction(url,name){console.log("url"+url)console.log("name"+name)varregnewRegExp('(^||/?)'+name+'([^|/?]*)(|/?|$)','i')varrurl.substr(1).match(reg)if(r!null){console.log("r"+r)console.log("r[2]"+r[2])returnr[2]}returnnull;}//导出方法，外部调用module.exports{getQueryString:getQueryString,}