小程序内部点击关注公众号

现解决方案有三种：

一：使用小程序组件：official-account

official-account是官方自带的关注公众号组件，用法可参考官方文档https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html

使用前提：

使用该组件，先去小程序的后台，设置处，关联对应的公众号

使用缺陷：

必须使用扫描方式，扫小程序的二维码进入小程序，该组件才能生效。 使用其他方式进入小程序，则该组件不能生效使用。

二：使用web-view，链接到公众号发布的文章

web-view是官方自带的承载网页组件，用法可参考官方文档

https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

使用前提：

1、先去小程序的后台，设置处，关联对应的公众号 2、公众号提前写好一篇文章，介绍如何关注公众号，或直接放置公众号二维码 点击文章上方左上角的蓝色字体，可直接关注该公众号

使用缺陷：

1、需要先拿到写好的文章链接地址，提供到给前端进行文章地址跳转

三：H5页面扫码关注

小程序制作H5页面，H5页面放置公众号二维码，扫描公众号二维码即可关注 该方案做法，无需去小程序的后台，设置关联对应的公众号

使用缺陷：

安卓能正常打开H5页面，并成功显示二维码，IOS系统则无法打开。

下面一个一个说实现步骤：

第一个：用官方组件 official-account；

①第一步：使用组件前，需前往微信公众平台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序为同主体或关联主体。如下图：

② 第二步：页面引用。外边的view以及official-account都可以设置简单样式(定位宽高颜色啥的)

③ 第三步： 设置完下图样式，你可以先设置成和我一样 场景：1011：扫描二维码

④ 第四步：点击预览 或者 真机调试 都能看到效果，就长这样

⑤ 第五步：看看官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html

至此，该组件已经可以显示，但是会出现新的问题，如何判断该用户是否已经能够关注过公众号？

解决方案：（其实就是掉后端接口，让后端给你状态，该用户是否关注，前段也可以获取该用户是否关注，但是很麻烦，并且有bug），后端实现如下

具体为什么前端 可以看这篇博客 https://www.sunzhongwei.com/wechat-applet-shown-concern-the-public-number-button

出现第二个问题：因为我的需求是点击 取消 该组件不再显示，但是官方并没有给 取消 关注 的回调，如下图所示，点击弹窗上的取消或者关注 没有响应的回调，也就是说我们不能在这两个地方做任何事情，目前我还没解决这个问题，有哪个大大会了麻烦踹我一下，请教请教~

但我发现一个新发现： 安卓手机在我们点击 取消或者关注的时候 会触发本页面的 onshow 生命周期，ios不走

如果你们有啥需求可以写在 onshow 生命周期。

第二个：用官方组件 web-view；

具体实现就是 在

具体流程是 :

点击关注公众号按钮，然后跳转到一篇公众号文章。文章内容是一个关注号二维码，长按识别，打开就能关注了。

虽然繁琐一点，但确实是一个办法。

具体可以参照: 腾讯出行服务中有个红包任务，就是这样实现关注公众号的。

（现在好像是 优惠加油点进去->我的加油 里边）