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

简介: 【开放能力解读】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地址。


相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
6月前
|
运维 搜索推荐 API
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
239 0
|
9月前
|
边缘计算
阿里云最新产品手册——阿里云核心产品——边缘节点服务ENS ——四大核心商业应用场景
阿里云最新产品手册——阿里云核心产品——边缘节点服务ENS ——四大核心商业应用场景自制脑图
89 1
|
云计算
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务自制脑图
91 0
阿里云产品体系分为6大分类——云计算基础——云通信——流量服务
|
SQL 消息中间件 分布式计算
基于开放共享的自主研发—MaxCompute 持续增强生态与开放性建设
MaxCompute 是阿里巴巴自研的云原生数据仓库,同时也兼容大部分大数据生态系统。一个平台无法实现所有功能和解决所有问题,MaxCompute 需持续增强生态与开放性建设,方能走得更远。
1082 2
基于开放共享的自主研发—MaxCompute 持续增强生态与开放性建设
|
测试技术
技术提升为管理,最重要的能力是什么?
做为一个测试开发工程师,日常的工作是需要与先进的测试技术死磕,学习 -> 实践 -> 新技术落地 -> 搞定 bug。用最快的速度、最少的投入来攻克一个个难题。领导觉得是个高潜人才,于是升职加薪做了管理。 但是问题来了。做为一个技术,与一个技术点死磕,似乎是件很简单的事情。但是,做为一个管理,不仅要学会向上管理(和领导去争取资源),还要学会向下兼容(和同事愉快沟通)、还要能够合理管理各方的时
|
存储 SQL 人工智能
什么是开放数据生态系统
  今天的开放数据生态系统公司如何为生活带来大数据   今天的公司正在收集大量的数据,以更好地了解客户,并制定更好,更知情的业务决策。通常,所有这些数据都涵盖了数十个,有时数千个不同的源,并且以多种格式,包括结构化和非结构化。连接所有这些数据并理解它是一种大规模和高度复杂的任务,但它是必不可少的。为了成功,公司必须能够在各种数据源和数据类型上连接。只有这样,他们才能实现洞察力并采取有意义的行动。
462 0
|
安全
你不用懂得太多技术,开放率直一点就好
当 Danielle Weisberg 和 Carly Zakin 在 2012 年开始打造他们的新闻初创企业 theSkimm 时,这两个对新闻极度痴迷的年轻人却面临着很多困难,他们没有任何技术经验、从商思维,而且可能最让人理解不了的是,他俩还是室友。
你不用懂得太多技术,开放率直一点就好
|
消息中间件 弹性计算 Kubernetes
开放下载 | 支撑全球最大规模云原生实践的云产品,究竟有哪些独特之处?
本电子书聚焦云原生12款核心产品,覆盖容器产品、微服务产品、消息中间件产品、Serverless产品等。
5547 1
开放下载 | 支撑全球最大规模云原生实践的云产品,究竟有哪些独特之处?
|
域名解析 云安全 安全
阿里云:构建全球企业内外安全网络最佳实践
近年来,随着全球形势复杂,以及5G等新型网络技术商用,网络安全议题越加被关注,管理者和IT运维持续面临新的网络安全威胁,数据泄露等问题突出,时常需要调整系统应对新的挑战。阿里云作为全球领先的云网络服务提供商,其洛神云网络平台在网络安全领域持续深耕,是阿里云100多个云产品背后的基础设施,面向政、企、个人等百万用户提供连接全球的云网一体安全网络。
1144 0