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

文章讲述了二维码在微信环境中的使用规则,包括生成二维码、指定跳转的小程序页面以及测试流程。关键在于扫描二维码后,系统会依据链接找到对应的小程序功能页面进行跳转。那么,二维码链接和小程序链接的参数传递可以通过URL编码的方式,在链接中添加参数,或者利用小程序自身的数据传输机制来实现。

注意:必须发布代码之后才能使用扫描二维码跳转

规则:

    1:二维码规则:填写你要生成的二维码的链接

       2:小程序功能页面:要跳转的小程序的页面

  3:测试链接:也填同样的链接;

  4: 将上面的链接生成一个二维码(测试链接)

        5:.通过微信扫描这个二维码跳转到了我指定的小程序页面(页面路径上面所示 page/index/index);

总结:扫描二维码后会读取二维码的链接,然后再从所有微信配置中搜索和二维码链接对应的的小功能页面并跳转

那么二维码链接和小程序链接如何传参呢?

微信小程序扫描二维码跳转小程序指定页面可按以下步骤实现: 1. **生成带参数的链接并转化为二维码** 开发者需得到类似 “https://qw.dsidaa.com/share?activity_id=1&parent_id=2” 的https链接,然后根据此链接生成二维码扫描二维码就能跳转到匹配的小程序页面。使用场景包括不带参数和带参数两种情况: - **不带参数**:仅需满足跳转指定页面,无需向前端传递参数,例如 “http://wx.qq.com/table”。 - **带参数**:在某些应用场景下需要传递参数,如餐厅桌台二维码携带 “table_id=123” 参数,扫码后小程序直接打开对应桌号的点餐页面;产品包装二维码携带 “product_id=abc” 参数,扫码直接跳转到该产品的详情页;线下活动海报二维码携带 “event_id=2025summer” 参数,扫码直达活动报名页,例如 “http://wx.qq.com/table?table_id=123” [^1][^2]。 2. **微信小程序配置** 在“开发管理”-“扫普通链接二维码打开小程序”下,点击“添加”按钮,进行信息配置。同时可辅助参考相关博主文章,进一步理解二维码规则和校验文件 [^2]。 3. **前端取出参数** 在前端页面的 `onLoad` 方法中获取参数,示例代码如下: ```javascript onLoad(option) { console.log('onload', option); if (option.q) { // 微信扫描扫描二维码进来的 let url = decodeURIComponent(option.q); let obj = this.getUrlParam(url); console.log('从微信扫码过来obj'); } }, // 获取参数 getUrlParam(url) { let params = url.split("?")[1].split("&"); let obj = {}; params.map(v => (obj[v.split("=")[0]] = v.split("=")[1])); return obj; } ``` 另一种获取参数的示例代码如下: ```javascript onLoad: function(e) { // e={"q":"https://sp.tbzh.com/index?orderId=1&sfJyToken=false"}; // Common.isExist() 方法是内部判断非空的 if(e.q && Common.isExist(e.q) && e.q!="undefined"){ // 扫码进入 const qrUrl = decodeURIComponent(e.q); // 获取到二维码原始链接内容 // GetWxMiniProgramUrlParam() 这个方法是解析链接地址中的参数方法 e = GetWxMiniProgramUrlParam(qrUrl); // 此处就是要获取的参数 json // 比如要得到 orderId 的值,直接取值即可 let orderId = e.orderId; console.log("订单ID:"+orderId); } } ``` 以上代码通过不同方式处理了微信扫描二维码进入小程序时获取链接参数的逻辑 [^2][^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值