当前位置:   article > 正文

普通二维码扫码进入小程序(详细教程——从配置到开发)_扫码进入小程序的二维码怎么弄

扫码进入小程序的二维码怎么弄

二维码扫码进入小程序

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

一、开发配置

进入小程序页面,开发管理->开发设置->扫普通链接二维码打开小程序
在这里插入图片描述
这里设置主要给微信扫一扫功能,读取到这个二维码地址,能进入到小程序的页面。

二、配置规则

上面说到给微信扫一扫读取到,那肯定需要对应的信息校验,下面的这张图。填写的规则要能访问到微信小程序提供的校验文件。
在这里插入图片描述
另外,我是通过nginx转发获取到的,对应的配置在下面

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

三、链接获取参数

上面两步配置好,其实就可以正常扫描二维码进入到小程序里了,但是有一些参数要获取;比如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
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

四、总结

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/451481
推荐阅读
相关标签
  

闽ICP备14008679号