介尘部落

文学|音乐|休闲娱乐|计算机技术|地球科学|社会学——知识成就命运


支付宝小程序页面直达链接与传参格式解析

在实际开发中经常会用到小程序跳转的链接。现在基本由两种方法来获得一个直达小程序页面的链接方法,也对应两种链接格式。

支付宝小程序页面链接格式

一种是http普通链接

这一种可以从小程序码中识别获得。结构类似于下面的格式。

https://qr.alipay.com/s6x01576abp…

一种是scheme链接

格式为:

alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query= [params]

支付宝文档地址:https://opensupport.alipay.com/support/helpcenter/142/201602496413?ant_source=antsupport

其中参数部分需要encode编码才能正常传递,否则只能传入第一个参数。

两种链接都支持传递参数。但scheme链接的传参更复杂点,问题就在于不能保证每次都会准确取得所传入的值。别看官方文档写的多规整,其实内藏的bug还是非常多的。

支付宝小程序的全局参数和页面参数

支付宝小程序的全局参数和页面参数的区别:

1、拼接方式不同,全局参数是在scheme地址的query中拼接(可参考小程序scheme链接介绍);页面参数是在路由API的url后拼接,如:path?key1=value1&key2=value2

2、获取参数不同,全局参数在app.js的onLaunch中获取,页面参数在对应页面Page.onLoad中取得。

3、运行返回时机不同,全局参数在小程序启动初始化时就返回;页面参数需要打开对应页面才会返回。

开发工具启动参数配置

开发工具IDE首次使用默认为普通编译模式,即默认刷新模拟器会打开首页,并且没有传入任何参数。可以添加自定义的编译模式,让模拟器刷新时从其他页面启动,并带上相关参数,提升调试效率。

打开IDE顶部功能区中的【普通编译模式】添加编译模式,选择【 添加编译模式】。

模式名称:自定义填写名称不影响测试;

启动页面:下拉选择需要测试的页面;

页面参数:填写需要获取的页面启动参数,在对应页面page.js中onLoad获取;例如:pageKey=abc123。

阅读全文
公众号-介尘阅读时光
赞赏支持

0 Responses to “支付宝小程序页面直达链接与传参格式解析”

Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)