谈谈h5页面跳转到小程序的几种实现方案（有常见坑）（如何从H5页面跳转到小程序）

如何从h5页面跳转到小程序？以下文章介绍了h5页面跳转到小程序的几种实现方案，并分享了入坑记录和注意事项，希望对大家有所帮助！

最近，我负责了一个与H5页面跳转小程序场景相关的需求。具体应用场景是:

一起来看看H5跳转小程序目前的实现方案吧~

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

第一种:URL Scheme小程序的URL Scheme如果是借助云端开发的，无需认证即可获取，直接调用即可获取。我不需要在这里赘述。感兴趣的童鞋请查看文档~

那么如何获取小程序的URL方案呢？您可以通过服务器界面或小程序管理后台中的“工具”-“生成URL方案”入口获取打开小程序任意页面的URL方案。

以下示例通过:小程序管理后台-工具-生成URL方案展示页面。

填写具体的路径和参数，点击“生成”保存生成的URL方案，并直接放入按钮的click事件中，如:

openWeapp（）{ location . href = & # 39；weixin://dl/business/？t = xxxxxx & # 39}其他详情请参考微信官方文档。

第二种:直接用微信的短URL链接打开链接后，会出现微信默认的H5中转页面（也可以自定义H5中转页面）。当前版本已经支持默认的自动跳转小程序，不需要用户确认，这非常好。

关于如何获取URL链接的详细信息，请参考官方微信文档。

在登录微信调优生成URL链接的界面中，参数路径只识别官方版本。虽然有一个环境变量env_version，但它没有用（也就是说，设置的路径必须已经存在于正式版本中，否则将被报告为无效的weapp pagepath）。

生成的网址链接，即类似https://wxaurl.cn/pFawq35qbfd,的短链接，只有在微信环境中打开时才会跳转到官方版本。即使您的env_version设置为体验版或开发版，您也需要在外部浏览器中打开它以跳转到指定的版本。请参考。

在部分OPPO浏览器中打开（如下图），提示“请打开手机上的网页链接”，兼容性有待提高...

第三种:在自定义H5页面中嵌入微信标签需要js-sdk-1.6.0或更高版本才能支持（https://res.wx.qq.com/open/js/jweixin-1.6.0.js）在wx.config中添加一个open taglist（{ debug:true，//打开调试模式，所有调用的API的返回值都会显示在客户端警告中。如果您想查看输入的参数，您可以在pc端打开它们，参数信息将通过日志打印出来。只有在pc端才会打印AppID:& # 39；'，//必选，微信官方账号的唯一标识符时间戳:://必选，生成的签名时间戳non castr:& # 39；'，//必需，用于生成签名的随机字符串签名:& # 39；'，//必选，带符号的jsApiList:【】，//必选，要使用的JS接口列表open taglist:【】//可选，要使用的开放标记列表，如【& # 39；wx-open -launch -app & # 39；]});OpenTagList当前支持配置:

Wx-open-launch-weapp -指H5跳转小程序wx-open-launch-app -指H5跳转app wx-open -订阅-服务号订阅通知按钮wx-open -音频-音频播放HTML标签示例...详情请以官方微信文档为准。

注意，使用该功能必须是非个人主体认证的小程序。您只能跳过已发布的【正式版】小程序，而不能跳过【体验版】或【开发版】。路径属性，官方文档一般是pages/home/index？User=123&action=abc就是一个例子，但实际使用时可能会报告页面不存在，需要添加一个。声明的页面路径后的html后缀，例如pages/home/index.html，这是有毒的。最后，关于H5跳转小程序的场景已经足够了。希望能帮到你。也可以留言和其他坑爹的交流一下~

更多编程相关知识请访问:编程视频！！

以上是关于H5页面跳转到小程序的几种实现方案（有常见坑）的细节。请多多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 如何从小程序跳转到H5页面？（样本分析）
• 如何从小程序跳到H5页面？(实例分析)(如何通过小程序跳转到h5)
• 谈谈H5页面跳转到小程序的几种实现方案(有常用坑)

本文由主机参考刊发，转载请注明：谈谈h5页面跳转到小程序的几种实现方案（有常见坑）（如何从H5页面跳转到小程序） https://zhujicankao.com/104896.html