H5跳转微信公众号解决方案

Posted 2023-03-30 Champ.Ping

1.适用场景

适用H5跳转公众号的场景

2.跳转方案

微信内H5跳转

微信内可链接直接跳转公众号关注页。
登陆微信公众平台，F12打开浏览器控制台console输入wx.commonData.data.uin_base64

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=上方步骤输出的内容#wechat_redirect
该链接可直接在微信内进入公众号关注页（非公众号客户端不支持）。

微信外部H5跳转

微信外部浏览器无法链接直接打开公众号。
可采用 H5页面——>唤起微信小程序——>小程序引导页——>公众号客服的跳转流程。

申请企业认证小程序后，对接小程序跳转能力

官方提供了几种跳转能力，推荐使用urlLink，获取到https跳转链接，兼容性更好。
接口可直接返回跳转链接，但是每个链接只能一个用户使用，有效期最长30天，可结合redis缓存实现。

h5页面点击直接跳转小程序链接，将唤起微信公众号小程序，

小程序页面展示微信公众号关注引导页面，用户点击直接进入公众号。可在公众号发布一篇推文，插入公众号名片二维码等元素，使用小程序web-view组件展示，快速实现引导页。

用户可通过点击公众号蓝色字体，公众号名片或扫码进入公众号。