uniapp 扫描二维码跳转到小程序页面

580 阅读1分钟

1.进入微信公众平台mp.weixin.qq.com/ 开发管理----开发设计页面

微信截图_20230612094520.png

页面往下拉,有个扫普通链接二维码打开小程序配置项

微信截图_20230612094547.png 点击添加按钮,进入配置项

微信截图_20230612095042.png

如果二维码暂未生成,可以去草料二维码上面生成测试的二维码,

微信截图_20230612095300.png

小程序相对应的页面pages/coupon/receive解析二维码

  methods: {
  //参数解析
    getUrlParams(url) {
        let o = {};    
        if (url.indexOf("?") != -1) {       
        let str = url.substr(url.indexOf("?") + 1).replace(/[#/|/#/]/g, "");       
        // console.log(str);       
        let strs = str.split("&");       
        // console.log(strs);      
        for (let i = 0; i < strs.length; i++) {      
        o[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);        
         }
        }
        return o;
      }
  },
   onLoad: function (options) {
    const { q } = options
    if (q) {
      let urlStr = decodeURIComponent(q)
  
      let urlParams = this.getUrlParams(urlStr)
      let code= urlParams.id
      console.log('urlParams'+urlParams)
      console.log('code'+code)

    }
  },

先把小程序在手机上预览下,然后直接扫描刚刚生成的二维码,打开调试,得到参数了

微信图片编辑_20230612100038.jpg