怎么实现从手机浏览器到微信公众号的直接跳转

3,261 阅读1分钟

很多同学在做开发的时候都遇到类似的需求,就是当用户使用手机浏览器、网页、短信打开链接的时候,怎么跳转到微信公众号,还有如何从其他app(例如QQ 抖音等)跳转到微信公众号,经过本人探索,已经基本实现,且兼容微信打开,微信打开后也能正常跳转。

实现过程如下:

一、材料准备

1.一个自有的小程序+一个自有的公众号

2.将公众号和小程序进行关联,如图设置

微信图片_20211117144944.png

二、操作实现代码

1.公众号实现

在图文素材中添加一个包含公众号引导的文章,添加方法非常简单。

2.小程序实现

在小程序中隐藏一个纯webview页面,例如pages/ref/ref,跳转到上一步准备好的公众号文章,代码如下

<web-view src="你的公众号文章地址"></web-view>

这个页面一定是隐藏的,不是首页,不然审核上会有问题

3.小程序提交发布后利用官方的URL Scheme生成工具,把刚才的地址粘贴上去生成外部链接,类似于这样的weixin://dl/business/?t=dnoi9fLpY3b

image.png

4.做一个h5页面,页面做js跳转,跳转到上一步生成的外部链接,代码如下

image.png

至此就实现了其他app跳转微信公众号,演示地址:dllzff.cn/xhXXti88

或者扫码体验

image.png