当前位置:   article > 正文

uniapp 微信小程序,实现扫码链接打开小程序_uniapp微信小程序扫码功能实现

uniapp微信小程序扫码功能实现

1、onLoad()方法获取路由中的参数

  1. onLoad((options) => {
  2. let urlStr = decodeURIComponent(options.q) // 获取到二维码原始链接内容
  3. let url = ''
  4. if (typeof urlStr == "undefined") {
  5. url = decodeURI(location.search); //获取url中"?"符后的字符串
  6. } else {
  7. url = "?" + urlStr.split("?")[1];
  8. }
  9. let params = {};
  10. if (url.indexOf("?") != -1) {
  11. let str = url.substr(1);
  12. let strs = str.split("&");
  13. for (let i = 0; i < strs.length; i++) {
  14. params[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
  15. }
  16. }
  17. console.log("params = ", params)
  18. if (params.code) {
  19. code.value = params.code
  20. console.log("code= " + code.value)
  21. }else {
  22. setTimeout(() => {
  23. proxy.$API(proxy).Toast("code 无效")
  24. }, 500)
  25. }
  26. })

2、微信开放平台 小程序里面->开发->开发管理->扫普通链接二维码打开小程序

        二维码地址:https://xxx.cn/vuePage?code=

        小程序路径:/packageC/pages/vuePage/vuePage

        发布:开发版-》扫码打开本地开发版本,需要添加测试路径,配置测试参数code值
                   体验版-> 扫码打开体验版本,需要添加测试路径,配置测试参数code值
                   线上版-> 扫码打开线上版本,使用符合规则的二维码路径,code为任意值

       开发版和体验版需要使用测试链接生成的二维码打开小程序,值为配置好的123值
       体验版需要先上传代码,扫码打开体验版小程序,然后扫描链接生成的二维码打开小程序

       

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

闽ICP备14008679号