位置: IT常识 - 正文

支付宝小程序跳转第三方H5页面(支付宝小程序跳回app)

编辑:rootadmin
支付宝小程序跳转第三方H5页面 支付宝小程序跳转第三方H5页面基础API跳转web-viewmy.ap.openURLweb-view 和 my.ap.openURL 两者比较my.ap.navigateToAlipayPageJSAPI跳转注意点startApp总结基础API跳转web-view

推荐整理分享支付宝小程序跳转第三方H5页面(支付宝小程序跳回app),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:支付宝小程序跳转app,支付宝小程序跳转app,支付宝小程序跳转里面的页面,支付宝小程序跳转外链,支付宝小程序跳转其他小程序,支付宝小程序跳转外链,支付宝小程序跳转外链,支付宝小程序跳转微信小程序,内容如对您有帮助,希望把文章链接给更多的朋友!

支付宝小程序想要跳转H5页面,之前只用过 web-view,内嵌H5,这种方式需要配置域名白名单,并且在外链域名的根目录放置校验文件,H5不是自有页面的话,就不能这样去实现。

<web-view src="https://render.alipay.com/p/s/web-view/index" onMessage="onmessage"> </web-view>my.ap.openURL

相对于 web-view,还有一种跳转H5的方式, my.ap.openURL,不需要配置域名,但是非支付宝官网页面只有部分符合开放类目的小程序可以使用,且需要到开放平台配置 openURL 白名单。已知目标页面的 URL 或 scheme,可以使用 my.ap.openURL。 跳转到支付宝官方 H5 页面是不需要配置白名单的。

https://render.alipay.com/p/ 开头的 URL。https://ds.alipay.com/?scheme= 开头的 URL。my.ap.openURL({ // 请将 url 替换为后台加白过的跳转地址 url: 'https://please.replace.me/page', success: (res) => console.log('openURL success'), fail: (err) => my.alert({ title: 'openURL fail: ' + JSON.stringify(err) })});web-view 和 my.ap.openURL 两者比较

两者都有不同的权限要求,下面是从文档拷过来的优劣对比表格,可以对照着选用合适的方式。

跳转方式优势劣势内嵌H5页面,使用 web-view 内嵌H5流量归属于小程序本身。不限行业,无需审批。可以在H5页面上调用部分小程序的接口能力。需要完成 H5域名配置外跳H5页面,使用 my.ap.openURL 外跳H5无需H5域名配置。可以免审跳转支付宝官方H5运营页面。流量不再归属于小程序本身。跳转到非支付宝官方页面只针对部分行业开放,并且需要完成平台侧审批流程(官方H5运营页面无此限制)。my.ap.navigateToAlipayPage支付宝小程序跳转第三方H5页面(支付宝小程序跳回app)

my.ap.navigateToAlipayPage 是用于跳转到支付宝官方业务或运营活动页面的 API。这里利用不需要配置白名单的域名和scheme语法可以实现跳转。

// 支付宝客户端的标准scheme为:alipays://platformapi/startapp?appId=H5App自身的appId// 但如果是某些运营页之类的单独页面,没有自己的appId,// 可以使用Nebula容器的通用浏览器模式appId=20000067 来启动,// 同时将需要打开的H5页面url经过encode编码后设置到url参数内const url = 'https://www.baidu.com';// https://render.alipay.com/p/ 不需要配置白名单// 开了个后门,在不需要配置白名单的链接后面拼上自己的链接const link = 'https://render.alipay.com/p/s/i/?scheme=' + encodeURIComponent('alipays://platformapi/startapp?appId=20000067&url=' + encodeURIComponent(url));my.ap.navigateToAlipayPage({ path: link});JSAPI跳转

JSAPI 是支付宝钱包提供的丰富的原生API功能,开发者可以使用它们方便调用支付宝提供的各种能力,达到媲美原生应用的体验,如页面跳转,支付功能等。 其中有一个跳转页面的API,pushWindow,用来打开一个新的页面,系统自带转场动画。

注意点scheme 跳转请尽量使用 location.href 而不是 pushWindow。用 schema 的方式打开页面已经禁止使用,仅用于向下兼容老业务。与 location.href 的区别,pushWindow 类同于 PC 浏览器的新开标签页,每个 window 都是一个新的标签页,因此原页面仅仅是被压到后台,状态始终保持,JS 也会继续运行。location.href 则是在当前标签页直接跳转。

JSAPI是给H5使用的,而不是支付宝小程序。 现有的功能代码这样使用,应该是因为白名单限制,基础API中的前两种方式都不适合,才被迫使用JSAPI和禁止使用的scheme的。navigateToAlipayPage 是最近新发的文章里才看到可以支持支付宝小程序跳转H5连接(无需添加白名单) 。但是 navigateToAlipayPage 也已经不维护,而是用 openURL 替代。

my.call('pushWindow', { url: `alipays://platformapi/startapp?appId=20000067&url=${encodeURIComponent( 'https://xxxx')}`});

在小程序直接使用https链接会导致页面访问受限,无法打开,用scheme的方式可以跳过限制。但是不应该这么做,只是单纯的记录一下有这种操作。

startApp

需要申请startApp权限,可以跳转任意URL

my.call('startApp', { appId: '20000067', param: { url: 'https://xxx' }});总结

综上,跳转方式需具体情况具体分析,选择能力范围内最适合的方式,尽量不要选择禁用和停止维护的方法。这里不讨论支付宝官方页面,对自己人并没有太多限制。

跳转方式适用范围web-view方便在H5根目录下放置校验文件my.ap.openURL在限制类目范围内my.ap.navigateToAlipayPage无限制,但是此API已停止维护pushWindow无限制,但是pushWindow 禁止使用scheme的方式打开页面startApp可以申请到支付宝的startApp权限,很难

扩展: 小程序scheme链接介绍

本文链接地址:https://www.jiuchutong.com/zhishi/288922.html 转载请保留说明!

上一篇:vite.config.ts常规配置(publicPath)(vit详解)

下一篇:【语音算法】wav2vec系列原理和使用(语音处理算法)

  • 个人房产投资入股公司过户
  • 行政单位财政直接支付适用范围
  • 个人所得税征收范围及税率
  • 免税 普票
  • 企业经营的范围怎么写
  • 一正一负发票是什么意思
  • 网上银行回单是什么意思
  • 制造费用的借方和贷方各表示什么
  • 小企业销售材料计入什么科目借方记什么
  • 房地产中心
  • 之前付过款回来收到发票应该怎么做凭证
  • 应付账款少记违反什么认定
  • 长期借款利息计入在建工程
  • 实发工资比计提多汇算清缴要怎么处理
  • 装修计入固定资产
  • 增值税申报金额含税吗
  • 企业销售净利润较低说明什么
  • 发票查验平台查询官网手机版App
  • 人机料法环是什么方法
  • 年终奖专项扣除
  • 对公账户的利息收入如何入账
  • 盈余公积什么时候调整
  • 工资晚发一个月个税怎么申报的
  • 公司员工驻外补贴政策
  • 其他业务成本如何核算
  • 如何查看系统浏览器记录
  • 信息化生产力是指什么
  • 消耗性生物资产如何结转成本
  • windows 11预览版
  • nvsvc.exe - nvsvc是什么进程 有什么用
  • bug is
  • 非合理损耗会计分录
  • PHP:imagesavealpha()的用法_GD库图像处理函数
  • 睿因无线路由器怎么设置
  • 会计凭证应该如何录入的方法
  • 手把手教你如何套路男神
  • 残差网络中的残差指的是什么
  • php判断手机浏览记录数据
  • 异地工程预缴税款时间
  • 固定资产增值税税率是多少
  • 以前年度收入少计如何做帐
  • 资产负债表的种类
  • 无形资产摊销是什么会计科目
  • 电子发票自己打印黑白有效吗
  • sql server中字符串常量只能用双引号括起来
  • 通过创建SQLServer 2005到 Oracle10g 的链接服务器实现异构数据库数据转换方案
  • 劳务报酬的增值税起征点
  • mysql中You can’t specify target table for update in FROM clause错误解决方法
  • 无形资产的税收优惠政策
  • 企业哪些进项税抵扣
  • 定期定额征收和核定征收的哪种税率高
  • 买到库存货 退货
  • 贷款利息进项税额转出
  • 房地产企业的会计核算
  • 房屋租赁的注意问题
  • 股东借款可以直接转为实缴出资吗
  • 购进农产品直接销售核定扣除
  • 折现率的选择主要是根据什么来判断
  • 现金日记账怎么划线
  • sql必知必会第四版
  • innodb_index_stats导入备份数据时报错表主键冲突的解决方法
  • freebsd安装pkg
  • WIN7系统如何设置表格默认保存位置
  • win10 11月累计补丁KB3097877更新后导致应用崩溃该怎么办?
  • sethook.exe - sethook进程是什么文件 有何作用
  • windowsxp的主要特点是什么
  • cocos2dx4.0教程
  • 学习使用grunt来打包JavaScript和CSS程序的教程
  • java程序员练手项目
  • ajax读取json
  • 表格高级使用技巧视频
  • bat脚本%1
  • python3.10性能
  • js 上下文
  • java web开发流程
  • 电子税务局怎么申报
  • 企业销售旧货增值税税率
  • 机构改革结束了吗
  • 宝宝早教一般选什么课程
  • 纳税明细怎么查询系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设