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

2024-07-02 17:13:56

一、小程序码介绍

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

二、获取小程序码

1.小程序太阳码（推荐使用）

接口A官方文档地址
接口B官方文档地址
2.普通二维码（不推荐使用）

接口C官方文档地址

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

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

小程序扫码功能，只有发布了正式版才能查看效果（识别二维码会直接跳转到线上版本）；
在开发过程中可以使用微信开发工具自带的模拟入口测试：（如下图）

最主要的就是启动参数和进入场景的演示：
1.启动参数：这个地方可以看到有类似乱码的存在。下面我拆解一下，告诉你这是什么意思。
scene=id%25%26goodsid%3D22
scene: 这个参数是取页面链接的地方
%3D：这个是被微信加密后的等号，等号前面的是你自己定义的key,等号后面的是value
%26:这个符号代表的是微信加密号后的 & 符号
拆解以后是不是更加清晰了。下面我们来看代码：


/*** 生命周期函数--监听页面加载*/onLoad: function(options) {var that = thisconsole.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");}

前端进阶精选：点此去

微信小程序生成小程序码以及参数的获取相关推荐

微信小程序生成二维码带参海报
微信小程序生成二维码带参海报没错,就是用 canvas 来实现文章目录微信小程序生成二维码带参海报获取屏幕分辨率比生成二维码获取网络图片并转为本地临时文件绘制背景图片以及二维码代码片段 ...
【微信小程序】微信小程序生成二维码报错errcode=41030,invalid page rid
场景调用微信小程序生成二维码接口,提示报错错误内容 array(2) {["errcode"] => int(41030)["errmsg"] =&g ...
微信小程序生成小程序码图片-【附坑点】
最近做小程序遇到一个功能: 从列表进入的详情页面,有生成海报的功能,这个功能用canvas就可以实现,我之前的文章有哦.附上链接只是这次的功能上要在海报上加上生成当前页面的小程序码,分享出去朋友识别 ...
微信小程序生成小程序二维码图片无法正常显示的问题
调用将微信小程序生成小程序二维码图片接口时,在前端无法显示的问题下面是接口的地址以及开发文档: https://developers.weixin.qq.com/miniprogram/dev/ap ...
微信小程序生成二维码，接口C接收值
微信小程序生成二维码,接口C接收值深坑解决接口C替代方案深坑当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档我们填写 path时传入参数例如 pah: page/in ...
微信小程序生成二维码js
微信小程序生成二维码js 参考:https://github.com/tomfriwel/weapp-qrcode 最新的二维码工具:https://github.com/KeeeX/qrcodejs ...
微信小程序生成二维码的两种方式
微信小程序生成二维码的两种方式 2020/11/10 第一种,利用网络api自动生成 <image class="xin-erma" src="{{'https:/ ...
【微信小程序生成二维码并下载，分享】
微信小程序生成二维码并保存,分享,下载依赖工具使用weapp-qrcode-base64库生成二维码的base64编码链接:weapp-qrcode-base64 安装 npm install ...
微信小程序生成二维码可文字，链接，图片（支持中文）
功能简介 : 微信小程序生成二维码,支持文本和网址,支持中英文,输入框可清空,可单击保存二维码...... 核心代码 : createQrCode:function(url,canvasId,cavW ...

最新文章

热门文章