评论
uni-app支付宝小程序内如何跳转生活号文章

uni-app支付宝小程序内如何跳转生活号文章

在地球表面奔跑,不管到达何地,我们始终在寻找的是自己的灵魂。 ---塔可夫斯基-

由于项目中需要用到支付宝小程序,在目前来看uni-app开发所有的语法和逻辑都和微原生差不多,甚至在微信小程序打开公众号文章这块。我感觉支付宝应该也是同理
而真实情况是支付宝做了很多独特性的东西
支付宝生活号文章地址
https://ur.alipay.com/_5iAo354FTHQ3N5328Y2fLE

非常规逻辑

1.无法使用常规跳转
正常微信小程序打开公众号文章只是在打开web-view的时候需要验证公众和小程序是否有互相绑定即可,在特殊的网页需要在业务域名中添加(这点支付宝小程序也是一样);而该方式是无法直接打开支付宝生活号文章
uni.navigateTo({    url: '/pages/web/web?url=' + url,})
2.支付宝官方接口
在查阅资料后,是由一个特殊接口来处理跳转;后面发现接口也是废弃。下方截图中提供了一个线索,对于不同类型地址有不同操作
my.ap.navigateToAlipayPage
3.新接口解析
在文档新接口中有新的API可以调用,发现ur.alipay.com是需要通过解析工具才能解析出原文地址
my.ap.openURL
解析地址

https://apitools.alipay.com/tools/open-url?url=

解析的字符超级无敌宇宙长,后台配置直段需要配置足够的长度容纳(注:不支持文章类型跳转)
# 结果
my.ap.openURL({url:e.zfb_url// 请将 url 替换为有效的页面地址success(res) => {console.log('openURL success', res)	},fail(err) => {console.log('openURL success', err)	}});

本篇文章来源于微信公众号: 枫瑞博客网