VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
新天域互联优惠活动
wexlayer优惠活动

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

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如何从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 标签示例

… …

"btn">打开"小程序

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

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

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

编程相关知识,观看编程视频。 !

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

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

下载

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 说说H5页面跳转小程序的一些实现方案(常见陷阱)(H5跳转小程序规范页面)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!