谈谈非微信环境如何跳转/打开小程序【URL Scheme】
发布于 4 年前 作者 xiulan29 2557 次浏览 来自 分享

有些节假日活动或者业务需求,需要把H5的用户引导到小程序来,这或许就比较麻烦了,

微信环境还好,可以直接使用微信提供的<wx-open-launch-weapp>来打开小程序,具体如何实现可以参考这篇文章:

https://developers.weixin.qq.com/community/develop/article/doc/000c00b4490678f528baf2cf756413

现在谈的是非微信环境打开我们自己的小程序,如何实现?

我们可以使用微信提供的【URL Scheme】地址来实现跳转。

具体怎么操作,如下:

如何获取【URL Scheme】地址,获取方法有2种?

1、可以不用通过服务器调接口,通过登录公众平台,小程序管理后台「工具」-「生成URL Scheme」入口可以获取打开小程序任意页面的URL Scheme(位置在登录后右上角),可以填写你需要跳转小程序的页面地址及参数,点击生成即可

2、可以通过微信api接口服务器端调取来生成【URL Scheme】地址,使用一个token就可以实现获取,生成的地址及参数和上面一样的,可以配置对应的参数,地址:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html

怎么正确使用呢?

iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序。

Android系统不支持直接识别URL Scheme,用户无法通过Scheme正常打开小程序,开发者需要使用H5页面中转,再跳转到Scheme实现打开小程序,跳转代码示例如下:

location.href = 'weixin://dl/business/?t= *TICKET*'

为了兼容苹果和安卓都能使用,我个人建议统一写成脚本执行跳转locataion.href=‘URL Scheme地址’,这可能会出现,有些浏览器会自动拦截脚本自动执行的内容,导致跳转H5页面不能马上调起跳转小程序,所以页面最好保留一个按钮,标明跳转失败可以点击此按钮跳转小程序。

到此已经可以在非微信环境浏览器打开微信小程序了,祝你代码好运没bug(注:企业微信也支持这种【URL Scheme】调起小程序)。

1 回复

h5跳转微信小程序,任意站,公众号文章,二维码长按识别,参考演示平台http://m.jumpwx.com

回到顶部