聊聊从H5页面跳转到小程序的几种实现方案（附常见坑点）

发布日期： 2022-01-22 阅读量： 作者： 网络

如何从h5页面跳转到小程序？下面本篇文章给大家介绍一下从h5页面跳转到小程序的几种实现方案，以及分享踩坑记录和注意要点，希望对大家有所帮助！

最近负责的一个需求涉及到H5页面跳转小程序的场景，具体应用场景是：

运营通过短信发送链接触达用户 => 用户点开链接 => 跳转至小程序指定的某个页面

下面我们来看看H5跳转小程序目前有哪些实现方案~

实现方案

实现H5跳转小程序的方案目前有多种，可以根据自己的实际场景选择，上面提到的场景采用第二种更合适，我们先来一个个看。【相关学习推荐：小程序开发教程】

适合在外部浏览器运行的H5页面，通过 URL Scheme 的方式来拉起微信打开指定小程序。

小程序的 URL Scheme 如果借助于云开发的话，是免鉴权，直接调用即可获取，这里不过多赘述，感兴趣的童鞋自己查文档吧~

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

下图是通过：【小程序管理后台 - 工具 - 生成 URL Scheme 】的页面

填入具体的路径以及参数，点击【生成】按钮，将生成的 URL Scheme 存起来，直接放在按钮的点击事件中，如：

openWeapp() {
    location.href = 'weixin://dl/business/?t=xxxxxx'
}