H5页面跳转到小程序的几种实现方法

   日期:2024-12-26    作者:j1r3d 移动:http://oml01z.riyuangf.com/mobile/quote/54550.html

可以通过服务端接口或在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme

H5页面跳转到小程序的几种实现方法

使用示例

服务端配置好接口,客户端调用接口传入目标小程序的path路径

 
 

这种适用于运行在微信环境的自定义H5页面,将跳转按钮融合在自研H5应用,点击按钮后跳转指定小程序页面并且需要 js-sdk-1.6.0 以上才支持

 

在wx.config中增加openTagList(开放标签列表,通常会在App文件中配置好

 

openTagList(开放标签列表)目前支持配置

  • wx-open-launch-weapp - 指H5跳转小程序
  • wx-open-launch-app - 指H5跳转app
  • wx-open-subscribe - 服务号订阅通知按钮
  • wx-open-audio - 音频播放

使用示例,详细可参考微信官方文档。

 

username:必须是跳转目标小程序的原始id,gh_开头;
path:跳转小程序的页面路径;

注意要点

使用该功能必须是非个人主体认证的小程序。
只能跳已发布的【正式版】小程序,不能跳【体验版】或【开发版】。
path 属性,官方文档一般是 pages/home/index?user=123&action=abc 这种示例,但实际使用可能会报页面不存在,需要在所声明的页面路径后添加 .html 后缀,如 pages/home/index.html

这种一般适用于不需要额外开发H5页面,直接生成链接,用户通过打开链接即可跳转指定的小程序页面。

开链接后,会有微信默认的H5中转页(想要自定义H5中转页也是可以的,目前的版本已经支持默认自动跳转小程序,不需要用户确认,这点很不错。

获取 URL Link 的方式

通过服务端接口可以获取打开小程序任意页面的 URL Link

注意

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号