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

这篇具有很好参考价值的文章主要介绍了普通二维码扫码进入小程序（详细教程——从配置到开发）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

二维码扫码进入小程序

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

一、开发配置

进入小程序页面，开发管理->开发设置->扫普通链接二维码打开小程序
普通二维码扫码进入小程序（详细教程——从配置到开发）
这里设置主要给微信扫一扫功能，读取到这个二维码地址，能进入到小程序的页面。

二、配置规则

上面说到给微信扫一扫读取到，那肯定需要对应的信息校验，下面的这张图。填写的规则要能访问到微信小程序提供的校验文件。
普通二维码扫码进入小程序（详细教程——从配置到开发）
另外，我是通过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=xxx
  const 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('=')) : null
    if (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.id
  this.data.formData.name = res.name
}