微信小程序开发之组件official-account（配置公众号关注组件）

official-account

基础库 2.3.0 开始支持

作用：公众号关注组件。当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。

tip:

使用组件前，需前往小程序后台，在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。如下：

注：设置的公众号需与小程序主体一致。
在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:
（1）当小程序从扫二维码场景（场景值1011）打开时
（2）当小程序从扫小程序码场景（场景值1047）打开时
（3）当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
（4）当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
组件限定最小宽度为300px，高度为定值84px。
每个页面只能配置一个该组件。

在wxml页面写如下代码:

<official-account></official-account>

组件显示效果：

跳转到公众号的页面如下：

当然，前面点击关注就直接关注了。

最后总结：

只在开发工具和开发版的小程序下做了测试，体验版和正式版没有试。

开发工具上需要预览效果时，必须选择场景值：

编译模式选择场景值

模拟器右上角的小圆点选择场景值

现在就可以在微信开发者工具上看到效果啦。希望对大家有用哦，我也是第一次用，踩了好多坑。。。。