美文网首页初识小程序
二维码分享跳转的配置与实现

二维码分享跳转的配置与实现

作者: 洗耳恭听_kai | 来源:发表于2020-10-11 17:37 被阅读0次

引言: 上篇总结了生成带有二维码的海报图,现在总结一下扫码的后续流程
不管主动扫码还是长按识别扫码,都需要到微信小程序平台去配置相关规则,然后在分销的二维码链接中的url规则需要符合自己配置的这个规则。测试和正式的获取到的二维码参数方式会有不同

一、配置规则

image.png image.png

规则说明里面官方有详细的讲解,我的做法是把校验文件放在二维码规则的地址下,然后测试链接符合规则后面加上传的id参数

二、测试

image.png
image.png

这里配置确定后打开页面就相当于扫码后进入的页面,可以打印结果,会发现有对应的id传过来,就说明扫码成功了。

三、正式

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    that.setData({
      isHide: true
    });
  //app.js中:
    //if (options.q !== undefined ){
      //let q = decodeURIComponent(options.q);
      //截取参数  options.q ='域名地址?bedcode=12345678';
      //let shareid = that.getQueryVariable(q, 'shareid');
      //保存获取值
      //that.setData({
        //shareid: shareid
     // })
      //执行相关逻辑代码
    //}
    //其他页面下:
  if(options.shareid){
      let shareid = decodeURIComponent(options.shareid);
      that.setData({
        shareid:shareid
      })
    }
//测试
    // if(options.shareid){
    //   that.setData({
    //     shareid:options.shareid
    //   })
    // }
  },

然后在刚刚微信小程序平台配置的那里点击发布

完成

相关文章

网友评论

    本文标题:二维码分享跳转的配置与实现

    本文链接:https://www.haomeiwen.com/subject/vfjlpktx.html