【开放能力解读】my.ap.openURL()能力全面开放

本文涉及的产品
.cn 域名,1个 12个月
简介: 【开放能力解读】my.ap.openURL()能力全面开放

前言:在小程序的开发初期,很多开发者希望小程序能打开h5,所以webview组件应运而生。
后来,开发者想跳出小程序打开h5页面,所以支付宝提供了my.ap.navigateToAlipayPage,用于打开支付宝运营的页面,存在部分限制。
在大家的强烈要求下,支付宝小程序新开放my.ap.openURL方法,用于打开任意h5页面,在初期只开放给部分类目(政府、线下公共事业),而今天更新了,除(金融、工具)类目都可使用该API打开外部h5,接下来就给大家简单介绍下如何使用。



简介:
my.ap.openURL是用于打开 URL 的 API。URL 为第三方 H5 页面或者支付宝官方给出的链接(以 https:// 或者 alipays:// 开头),且必须在小程序后台配置的白名单内。目前除(金融、工具)类目外所有企业小程序(个人不支持)都可使用。打开小程序控制台找到开发设置 > openURL配置,添加一条新的配置如下图:

https://render.alipay.com为默认配置可打开的域名,所以这里不用配置,下图只是做个申请演示。



点击添加后 填写打开的h5域名进行审核,添加地址处只需要添加域名即可,参数无需填写,通过后可打开该域名下的所有h5链接,其他信息据实填写即可。


提交审核后等待1-10分钟左右会收到审核结果,当申请状态为通过后,可在小程序里代码里进行尝试了:
链接的转换地址如下:https://apitools.alipay.com/tools/open-url,但是转换后的链接依然存在部分问题,可在文章结尾查看问题。

  handleClick() {
    my.ap.openURL({
      url: 'https://render.alipay.com/p/h5/life_public/www/index.html?publicId=2021001165600178&msgId=2021001165600178ed1b3dc9-d444-4841-af90-891775ad462b'
    })
  },



尝试后发现个小问题:生活号的文章地址依然需要转换类型,转换工具及该API都不会做处理:


参考之前的文章进行转换(https://open.alipay.com/portal/forum/post/90501018

JavaScript

复制代码

1

let path = `https://render.alipay.com/p/s/i/?appId=20000909&url=${encodeURIComponent('/www/msg.html?publicId=2015111300783988&msgId=2015111300783988059d1e5c-ff08-4e40-b5ca-73f2ba2f1d05')}`



算是一个支付宝端的小缺陷吧,当然其他大部分链接是正常的,大家可以体验起来了~

有个小小的建议,支付宝小程序内打开的所有外部h5,能否做成半屏拉起这个h5,官方出一个支付宝App的小程序,这个小程序只做半屏的展开,同时加载h5地址。


目录
相关文章
|
运维 搜索推荐 API
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
295 0
|
边缘计算
阿里云最新产品手册——阿里云核心产品——边缘节点服务ENS ——四大核心商业应用场景
阿里云最新产品手册——阿里云核心产品——边缘节点服务ENS ——四大核心商业应用场景自制脑图
122 1
|
云计算
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务自制脑图
125 0
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务
|
SQL 消息中间件 分布式计算
基于开放共享的自主研发—MaxCompute 持续增强生态与开放性建设
MaxCompute 是阿里巴巴自研的云原生数据仓库,同时也兼容大部分大数据生态系统。一个平台无法实现所有功能和解决所有问题,MaxCompute 需持续增强生态与开放性建设,方能走得更远。
1194 2
基于开放共享的自主研发—MaxCompute 持续增强生态与开放性建设
|
测试技术
技术提升为管理,最重要的能力是什么?
做为一个测试开发工程师,日常的工作是需要与先进的测试技术死磕,学习 -> 实践 -> 新技术落地 -> 搞定 bug。用最快的速度、最少的投入来攻克一个个难题。领导觉得是个高潜人才,于是升职加薪做了管理。 但是问题来了。做为一个技术,与一个技术点死磕,似乎是件很简单的事情。但是,做为一个管理,不仅要学会向上管理(和领导去争取资源),还要学会向下兼容(和同事愉快沟通)、还要能够合理管理各方的时
|
消息中间件 弹性计算 Kubernetes
开放下载 | 支撑全球最大规模云原生实践的云产品,究竟有哪些独特之处?
本电子书聚焦云原生12款核心产品,覆盖容器产品、微服务产品、消息中间件产品、Serverless产品等。
5592 7
开放下载 | 支撑全球最大规模云原生实践的云产品,究竟有哪些独特之处?
|
安全
你不用懂得太多技术,开放率直一点就好
当 Danielle Weisberg 和 Carly Zakin 在 2012 年开始打造他们的新闻初创企业 theSkimm 时,这两个对新闻极度痴迷的年轻人却面临着很多困难,他们没有任何技术经验、从商思维,而且可能最让人理解不了的是,他俩还是室友。
120 0
你不用懂得太多技术,开放率直一点就好
|
存储 SQL 人工智能
什么是开放数据生态系统
  今天的开放数据生态系统公司如何为生活带来大数据   今天的公司正在收集大量的数据,以更好地了解客户,并制定更好,更知情的业务决策。通常,所有这些数据都涵盖了数十个,有时数千个不同的源,并且以多种格式,包括结构化和非结构化。连接所有这些数据并理解它是一种大规模和高度复杂的任务,但它是必不可少的。为了成功,公司必须能够在各种数据源和数据类型上连接。只有这样,他们才能实现洞察力并采取有意义的行动。
541 0
|
JSON 运维 Cloud Native
开放应用模型操作指南(一)| 云服务一键接入 OAM 体系
Open Application Model(OAM)是阿里云联合微软等国际顶级技术团队联合发布的开放应用模型技术。旨在通过全新的应用定义、运维、分发与交付模型,推动应用管理技术向“轻运维”的方向迈进,全力开启下一代云原生 DevOps 的技术革命。
开放应用模型操作指南(一)| 云服务一键接入 OAM 体系
|
编解码 监控 算法
从能力开放走向生态,构建多媒体共享商业生态
对于移动技术而言,2017年是继往开来之年。一方面是移动技术领域进入深水区,另一方面移动技术边界和内涵被不断重塑。在过去的一年中,以VR视频直播为代表的数字媒体技术能力不断发展成熟,出现了更多的落地实践。
2971 1