说说H5页面跳转小程序的一些实现方案（常见陷阱）（H5跳转小程序规范页面）

如何从h5页面跳转到小程序？下一篇我会介绍一些从h5页面跳转到小程序的实现方案，记录陷阱并重点分享。 希望对你有帮助！

我最近做的一个需求涉及到一个H5页面跳转小程序的场景。 具体应用场景包括：

操作通过短信发送链接的方式联系用户 => 用户点击链接 => 跳转到小程序中的指定页面

查看当前 H5 的实现方案 我们看一下跳转小程序~

实施方案

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

第一种方法：使用URL schema

如果小程序的URL schema是借助云端开发的，则不需要认证，使用即可获取以下方法： 直接打电话。 这里没有太多东西。 有兴趣的话自己看一下文档吧~

如何获取小程序的URL schema？ 小程序中打开任意页面的URL schema是：可以从服务器获取界面或通过小程序管理后台的工具k3生成URL方案条目。

使用示例

下图是小程序管理后端【k3】工具【k3】URL方案生成生成的页面。

填写指定具体路径和参数后，点击Generate按钮生成URL方案。 保存它并将其直接放置在按钮单击事件中，如下所示：

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

其他详情请参考微信官方文档。

第二种：直接使用微信短链接（URL链接）。

打开链接会显示微信默认的H5转发页面（也可以自定义H5转发页面）。 目前版本支持默认自动跳转小程序，无需用户确认，这一点确实不错。

如何获取URL链接

具体如下。请参考微信官方文档。

旅行日志

在调整微信生成URL链接的界面中，参数路径只识别官方版本。 有一个环境变量env_version，但是这个没有用（即设置的路径必须是官方版本）。 如果不存在，会报告无效的weapp页面路径）。

生成的URL链接，即https://wxaurl.cn/pFawq35qbfd，如果env_version为[实验版]或[开发版]，则可以在外部浏览器中打开此短链接，请参考。因为需要跳转到指定版本。

如果您在某些OPPO专有浏览器中打开它（如下图），您会看到一条消息“在手机上打开网页链接”。 兼容性还需要改进...

p>第三种方法：自定义H5页面嵌入微信标签，使用js-sdk-1.6.0或更高版本（https:// /res.wx.qq.com/open/js/jweixin-1.6.0.js) 添加 openTagList wx.config({ debug: true, // 开启调试模式。每次API调用的返回值都会在客户端发出警告。如果想查看接收到的参数，可以在PC端打开。这只发生在PC端。 Print appId: '', // 必填，仅限公众账号 Identifier timestamp: , // 必填，生成签名的时间戳 nonceStr: '', // 必填，生成签名的随机字符串 signal: '',// 必填，签名 jsApiList: [], // 必填，必须使用的 JS 接口 openTagList 的 List : [] // 可选，所需开放标签列表 ['wx-open-launch-app']});

openTagList（例如开放出价） 被使用。tag list）目前支持配置：

wx-open-launch-weapp -指的是H5跳转小程序。 wx-open-launch-app- 引用。 到 H5 跳转 appwx-open-subscribe - 服务账号订阅通知按钮 wx-open-audio - 音频播放 HTML 标签示例

更多信息请参考微信官方文档。

注意：使用该功能需要使用非个人主体认证小程序。 您只能跳转到已发布的小程序【正式版】，不能跳转至【实验版】或【开发版】。 对于path属性，官方文档通常是pages/home/index?user=123&action=abc。 但实际使用时可能会报该页面不存在。 您必须在声明的页面路径后添加 .html 后缀（例如，pages/home/index.html）。 最后的想法

好的，关于 H5 跳转小程序场景的对话就到此为止。 我希望这对你有帮助。 如果遇到其他坑，也可以留言讨论~

编程相关知识，观看编程视频。 ！

PHP快速学习视频免费教程（从初学者到大师）

如何开始学习PHP？ 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

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

• 如何在迷你程序中使用字体图标？
• 在制定迷你计划时，我应该注意什么？ （开发迷你程序时，您应该谨慎？）
• 对如何创建卷轴-在迷你程序中显示卷轴的简单分析（Mini Programs scroll View scrolls syronthonty syronthonty）
• 如何将迷你程序添加到微信自定义菜单（如何将迷你程序添加到微信自定义菜单）
• 如何使用官方微信帐户打开迷你计划

本文由主机参考刊发，转载请注明：说说H5页面跳转小程序的一些实现方案（常见陷阱）（H5跳转小程序规范页面） https://zhujicankao.com/141953.html