用牛刀实现用户扫码即可快速关注公众号

zzm3797

使用注意事项：

使用组件前，需前往小程序后台，在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。
注：设置的公众号需与小程序主体一致。
在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:
1.当小程序从扫二维码场景（场景值1011）打开时
2.当小程序从扫小程序码场景（场景值1047）打开时
3.当小程序从聊天顶部场景（场景值1089）中的“最近使用”内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
4.当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
每个页面只能配置一个该组件。
---------------------
用牛刀开发好小程序之后，再用开发者工具打开。


首先选择添加编译模式：如上图。


在按如上图配置。
然后，把代码放到页面里，我这里选择主页，配置如下：


找到index.wxml这个文件。然后加入代码：<official-account></official-account>
我放的位置如图。可以根据自己的情况调整位置然后重新编译，上传。体验版就可以预览了。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html
效果如下：


可以看到，页面多了一个视图，用户点击即可快速打开公众号。
真实体验，可以扫一下二维码体验：