美文网首页
h5打开支付宝小程序/生活号

h5打开支付宝小程序/生活号

作者: 温柔vs先生 | 来源:发表于2021-12-21 09:22 被阅读0次

h5打开支付宝小程序/生活号

一. 生活号:生活号客户端跳转链接

支付宝钱包中打开的H5页面里,可以通过支付宝提供的alipays链接跳转到指定的商户生活号,

跳转链接如下:

alipays://platformapi/startapp?appId=20000042&publicBizType=LIFE_APP&publicId=2013110600000000

参数说明:

参数名 描述 示例值
appId 固定参数 固定为"20000042"
publicBizType 固定参数 固定为"LIFE_APP"
publicId 要跳转的的目标生活号appId 2013110600000000

注意:

  1. 该链接只能在支付宝钱包中使用,在钱包外使用无效。

  2. 商户只需替换链接中的publicId参数,其他保持不变。

官方文档没有给出从外部h5直接跳转到支付宝对应生活号,咨询售后有推荐以下方式(未尝试),及通过以下链接跳转支付宝应用,然后在通过嵌套,encode传入上方给您的文档拼接链接,先唤起支付宝在跳入生活号

alipays://platformapi/startapp?appId=20000067&url=encode(服务生成含有支付宝网关的签约URL)

注意⚠️:外部浏览器跳转支付宝小程序和生活号,只需要alipays://platformapi/startapp?appId=20000042&publicBizType=LIFE_APP&publicId=2013110600000000这个地址跳转就可以

二. 小程序:官方参考地址

外部 APP/浏览器 唤起小程序,需要通过 scheme 调用,在 scheme 中可以传参和设置跳转的首页参数。

拼接方式

URL格式

alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query= [params]
参数 描述 示例
appId 要跳转的目标小程序appId 20170713077xxxxx
pagePath 要跳转到目标小程序的具体 page 页面,该值等于 app.json 里面的配置值;如果不带 page 字段,默认跳转到小程序首页。 pages/index/index
query 表示从外部 APP 携带的参数透传到目标小程序;如果不需要携带参数给小程序,可以不带该参数。query:启动参数,内容按照格式为参数名=参数值&参数名=参数值(注:query携带的启动参数必须进行UrlEncode否则只能获取第一个参数! xx%3dxx

H5跳转小程序 :

window.location.href="alipays://platformapi/startapp?appId=20170713077xxxxx&page=x/yz&query=xx%3dxx";

如果想要在scheme中加上域名,调用小程序,则需要把scheme当作参数进行uri编码。例如:

window.location.href=`https://ds.alipay.com/?scheme=alipays://platformapi/startapp?appId=20170713077xxxxx&page=pages/block/block&query=hash=${query.rowkey}${type}`

转换为:(js的转换方法)

window.location.href=`https://ds.alipay.com/?scheme=` 
                    + encodeURIComponent("alipays://platformapi/startapp?appId=20170713077xxxxx&page=pages/block/block&query=hash=") 
                    + `${query.rowkey}${type}`

相关文章

  • h5打开支付宝小程序/生活号

    h5打开支付宝小程序/生活号 一. 生活号:生活号客户端跳转链接[https://opendocs.alipay....

  • H5跳小程序

    H5跳转小程序分两种情况,一种是小程序内部打开的H5跳转小程序,一种是在外部的H5跳转到小程序 小程序内部打开的H...

  • APP分享到支付宝的链接如何打开支付宝小程序并带参数

    本文内容:分享链接能打开指定支付宝小程序。适用人群:需要打开指定支付宝小程序。 其实这个链接再支付宝小程序的开发文...

  • 一套代码编译到8个平台,你需要这个框架

    现在前端开发者的烦恼:android,ios,h5,微信小程序,支付宝小程序,百度小程序,头条小程序,qq小程序。...

  • 解决小程序webview中无法上传图片问题

    最近被支付宝小程序内嵌H5无法上传图片折磨到没脾气,H5本身上传图片没问题,但是嵌套在小程序中就无法上传。 在调试...

  • 几个前端时下流行框架

    公司的微信小程序项目需要扩展支持多端(H5,百度小程序,支付宝小程序,字节跳动小程序 ),所以了解了一下时下(20...

  • 支付宝的社交鸡肋

    支付宝除了支付功能和本地生活服务外,支付宝也有类公众号(生活号),也有小程序,也有类朋友圈(生活圈),除了视频通话...

  • Taro 本地存储笔记

    h5和支付宝小程序支持localStorage,微信小程序不支持,所以微信得用自己的api 操作本地数据。 tar...

  • uniapp 条码生成器

    支持平台 支持H5、微信小程序、支付宝小程序、APP等 说明 支持生成的条码格式 CODE128CODE128CO...

  • 跨平台框架

    uni-app 简介:一套代码编译到6个平台安卓,iOS,H5,微信小程序,支付宝小程序,百度小程序网站:http...

网友评论

      本文标题:h5打开支付宝小程序/生活号

      本文链接:https://www.haomeiwen.com/subject/znntqrtx.html