微信小程序生成小程序码以及参数的获取

一、小程序码介绍

通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久有效,可放心使用。 目前小程序码有两种形式,推荐生成并使用小程序码,它具有更好的辨识度,且拥有展示“公众号关注组件”等高级能力。

二、获取小程序码

1.小程序太阳码(推荐使用)
小程序太阳码
在这里插入图片描述
接口A官方文档地址
接口B官方文档地址
2.普通二维码(不推荐使用)
在这里插入图片描述
在这里插入图片描述
接口C官方文档地址

三、进入小程序解析参数(以小程序太阳码为例)

用户扫码进入后的逻辑(前端部分):我们可以在onload生命周期中处理参数

小程序扫码功能,只有发布了正式版才能查看效果(识别二维码会直接跳转到线上版本);
在开发过程中可以使用微信开发工具自带的模拟入口测试:(如下图)
在这里插入图片描述
最主要的就是启动参数和进入场景的演示:
1.启动参数:这个地方可以看到有类似乱码的存在。下面我拆解一下,告诉你这是什么意思。
scene=id%25%26goodsid%3D22
scene: 这个参数是取页面链接的地方
%3D:这个是被微信加密后的等号,等号前面的是你自己定义的key,等号后面的是value
%26:这个符号代表的是微信加密号后的 & 符号
拆解以后是不是更加清晰了。下面我们来看代码:


/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var that = this
    console.log(options)
    if (options.scene) {
      //扫描小程序码进入 -- 解析携带参数
      var scene = decodeURIComponent(options.scene);
      console.log("scene is ", scene);
      var arrPara = scene.split("&");
      console.log(arrPara)
      var arr = [];
      for (var i in arrPara) {
        arr = arrPara[i].split("=");
        console.log(arr)
        if (arr[0] == 'id') {
          that.setData({
            goodsId: parseInt(arr[1]),
          })
        }
      }
    } else {
      //不是扫描小程序码进入
      console.log("no scene");
     }

前端进阶精选:点此去

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值