采坑道路3:支付宝小程序,通过scheme跳转小程序页面

应用场景:公司需求,需要增加一个支付宝的优惠券,直接跳转公司内部某个商品详情页
根据官方文档的说法:
在这里插入图片描述
需要的格式长这样 alipays://platformapi/startapp?appId=
appid自不必说,当然是你项目的appid,但这里没有提示如何跳转页面和带入参数,如果你的页面不需要参数还好,如果是商品详情这类页面根据id去查数据的,那么页面参数很重要,在找了大量的官方文档之后,最后竟然在知乎上翻到了一篇文章(支付宝小程序scheme连接介绍)(吐槽一下支付宝官方的文档啥时候能归类一下,太多他杂了,完全找不到需要的东西)


根据文章里的说法
alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query= [params]
除了appid,page就是小程序内部页面的路径,这个大家应该都知道,另外就是这个query了,参数携带,写法就是query=a=22&b=33 然后将query后面的参数用encodeURIComponent编码一下 ,否则只能拿到第一个参数,网上找到的文档说明是这样
采坑道路3:支付宝小程序,通过scheme跳转小程序页面_第1张图片


但是经过多次尝试,发现这样在页面里面,并没有拿到参数。因为虽然看到“启动参数”四个字,但是这种路径是没有配过小程序app的启动参数的
所以正确写法应该是这样

alipays://platformapi/startapp?appId=[appId]&page=[pagePath] + encodeURIComponent(?a=12&b=23)

必须在页面路径后面加上**?a=2&b=3**类似这种页面传参,再编码一下,简单举个例子就是

alipays://platformapi/startapp?appId=xxxx&page=pages/goodDetail/goodDetail%3Fid%3D1162%26isShow%3Dtrue

用这个链接直接去生成二维码就可以调试了

你可能感兴趣的:(前端)