当前位置: 主页 > 建站知识 > APP开发

微信小程序页面跳转-微信小程序跳转页面

发布时间:2023-03-25 07:04   浏览次数:次   作者:佚名

h5页面可以和微信小程序实现相互跳转,可以更改HTML5页面代码,添加调起微信小程序的代码,但是这种方式比较复杂且不太稳定,所以这里我们可以用工具来实现。

跳转工具

为什么要借助工具?

微信小程序页面跳转_微信小程序页面跳转失效原因_微信小程序跳转页面

1、HTML5页面本身是没有跳转其他应用的功能的,所以需要在H5页面添加一个能够调用微信的链接,实现相互跳转的目的;

2.自写代码不稳定微信小程序页面跳转,可能会出现bug;

3.其他工具可能没有经过备案,可能导致小程序或公众号遭到腾讯官方封禁。

微信小程序页面跳转_微信小程序跳转页面_微信小程序页面跳转失效原因

HTML5

如何创建h5跳转到微信小程序的外链?

第一步,准备小程序的相关参数,例如APPID,原始ID,路径等后台参数,这些参数在小程序后台可以寻找到;

微信小程序页面跳转_微信小程序跳转页面_微信小程序页面跳转失效原因

第二步,打开工具并登录,会跳转至下图中的页面,点击橙色部分,页面继续跳转;

登录

第三步,如下图,选择我们要创建的链接类型,然后根据对应栏的提示填入我们第一步中准备好的相关参数及信息,填写完成后点击“立即免费创建”;

微信小程序页面跳转_微信小程序页面跳转失效原因_微信小程序跳转页面

微信小程序跳转页面_微信小程序页面跳转失效原因_微信小程序页面跳转

选择外链类型

在对应栏填写参数时,确保不要出错微信小程序页面跳转,路径那里决定了跳转至小程序的哪个页面,不填写的话默认跳转至小程序主页。

微信小程序页面跳转失效原因_微信小程序跳转页面_微信小程序页面跳转

微信小程序页面跳转_微信小程序页面跳转失效原因_微信小程序跳转页面

第四步,找到刚生成的外链,并将这个外链复制粘贴到h5页面内容中,当有用户点击该页面的链接,就能直接跳转到我们的微信小程序啦!

复制外链