咨询电话:
15628812133
27
2024/10

支付宝小程序二维码带参数跳转

发布时间:2024-10-27 20:44:34
发布者:dzw
浏览量:
0

    记录一下这次呕心沥血的弄出来的这个二维码带参数跳转。

    需求是这样的,有一个订单,我们需要根据这个订单的内容生成对应的二维码,用户在扫这个二维码的时候进入指定页面,并且显示这个订单的信息。刚开始我发现小程序和pc的域名一样,只是后边的路由不同,所以我就是直接生成一个二维码,设置参数跳转的url:'域名'+‘page/order/details’+参数,可是我发现根本获取不到参数,于是我找了个视频,视频上说只能通过后端api生成的二维码跳转,或者通过scheme转化成http链接唤起小程序。

支付宝小程序二维码带参数跳转

    所以,前端想要自己生成二维码来跳转,必须要对跳转地址进行一些处理。

    这边我测试是通过这里快速编码和草料二维码,地址如下:

       http://www.urlencode.com.cn/

       https://cli.im/text/other

    我们正常使用需要使用encodeURIComponent来转换地址。不管怎么说我还是得到了跳转地址,然后需要注意的是,支付宝小程序的全局参数只能通过app.vue中的onLaunch获得。

image

    这里我们需要传输的全局参数会以返回值的格式给我们,所以我们获取到返回值,并且放到全局变量里。

image

image

    然后我们在需要使用的页面的onload中获取:

image

    了解更多uniapp的知识点这里。


返回列表