普通二维码扫码进入小程序（详细教程—

二维码扫码进入小程序

其实这个功能，微信官方也有进行详细的描述，官方文档，里面有更为详细的描述，下面只是简单的描述开发流程。

一、开发配置

进入小程序页面，开发管理->开发设置->扫普通链接二维码打开小程序

这里设置主要给微信扫一扫功能，读取到这个二维码地址，能进入到小程序的页面。

二、配置规则

上面说到给微信扫一扫读取到，那肯定需要对应的信息校验，下面的这张图。填写的规则要能访问到微信小程序提供的校验文件。

另外，我是通过nginx转发获取到的，对应的配置在下面

location /code/fmXm0wx57M.txt  {alias /data/code/fmXm0wx57M.txt;    //这里主要是服务器存放改文件的位置
}

三、链接获取参数

上面两步配置好，其实就可以正常扫描二维码进入到小程序里了，但是有一些参数要获取；比如http://www.baidu.com/code/?id=xxx&name=xxx；
因为小程序扫码进去是可以在onLoad这个方法里面获取到对应信息的，所以就直接上代码。

onLoad(option) {//这里是直接获取到二维码原生链接：即http://www.baidu.com/code/?id=xxx&name=xxxconst url = decodeURIComponent(option.q)let res = {}//下面这个方法是方便收集成对象做的工具类const query = (url.split('?')[1] || '').trim().replace(/^(\?|#|&)/, '')if (!query) {return res}query.split('&').forEach(param => {const parts = param.replace(/\+/g, ' ').split('=')const key = decodeURIComponent(parts.shift())const val = parts.length > 0 ? decodeURIComponent(parts.join('=')) : nullif (res[key] === undefined) {res[key] = val} else if (Array.isArray(res[key])) {res[key].push(val)} else {res[key] = [res[key], val]}})//这里就可以去定义了this.data.formData.id = res.idthis.data.formData.name = res.name
}

四、总结

其实就是配置后，然后在获取链接参数即可。
如果觉得这篇文章有用就点个赞吧！

普通二维码扫码进入小程序（详细教程——从配置到开发）相关推荐

扫码普通二维码跳转微信小程序指定页面（体验服和开发服跳转链接不能动态传参）
好久不见,时隔多年我又来记录问题来了,记录这次问题的主要原因是减少你我去搜索资源的时间,下面开始讲讲我越到的问题.(下面说的是针对小程序体验版或者开发版哈,正式环境不存在这个问题) 需求:pc端扫码登 ...
微信小程序详细教程（建议收藏）
一.小程序的开发准备 1. 小程序的安装与创建第一步打开小程序官网第二步找到开发管理,找到开发设置,下面有一个AppID,复制即可,后面开发小程序需要用新建项目 ,需要先下载微信开发工具下载 ...
mpvue + vuex搭建小程序详细教程
源码 mpvue-vuex-demo 构成 1.采用mpvue 官方脚手架搭建项目底层结构 2.采用Fly.js 作为http请求库 3.引入mpvue-router-patach,以便在mpvue小 ...
电商小程序实战教程-商品详情页开发
我们上一篇开发了电商小程序的首页,本篇我们介绍一下详情页的开发.如果想开发详情页,首先要搞明白一个概念,在详情页展示数据的时候需要如何进行页面传参. 参数变量在微搭中变量一共是分三种,普通变量.模型 ...
公众号怎么关联多个不同主体的小程序详细教程
公众号"关联小程序"能力全面开放,公众号可以关联不同主体的小程序了. 主要有这三个变化一.关联小程序的主体不再受限以前,小程序和公众号的主体必须一致才可以关联. 现在,关联小程 ...
闲置交易系统源码二手物品买卖小程序定制
闲置交易系统源码二手物品买卖小程序定制房产店铺转让软件开发功能介绍: 1.二手闲置物品交易 2.签到领积分,积分抵扣现金 3.求购,闲置物品信息发布 4.意见反馈 5.广告投放,商务合作源码信 ...
微信生成带参数的二维码,合成海报,扫码后推送小程序？
微信服务号渠道二维码功能,支持生成带参数二维码,合成海报二维码,微信扫码后推送内容:结合微号帮平台48小时信息推送,推送微信小程序. 带参二维码海报二维码微信扫码后回复 48小时信息推送在微号帮 ...
微信扫一扫扫描二维码跳转到小程序指定页面
转载:微信扫一扫扫描二维码跳转到小程序指定页面 1微信公众平台-开发-开发设置-扫普通链接二维码打开小程序 2点击添加 3设置二维码规则,选择测试范围 4 保存后,可根据测试连接生成二维码,通过微信扫 ...
扫描普通二维码，进入微信小程序
登陆微信公众平台 1.点击[开发]-[开发管理]-[开发设置]开启扫普通二维码链接打开小程序,点击添加配置: 打开添加配置: 二维码规则根据二维码跳转规则,开发者需要填写需要跳转小程序的二维码规则. ...
python 全栈开发，Day128(创建二维码,扫码,创建玩具的基本属性)
python 全栈开发,Day128(创建二维码,扫码,创建玩具的基本属性) 昨日内容回顾 1.app播放音乐plus.audio.createPlayer(文件路径/URL)player.play( ...

普通二维码扫码进入小程序（详细教程——从配置到开发）