实现一码两用：微信小程序配置公众号关注组件

一、前言

记得在不久前，微信宣布：小程序新增公众号关注组件！那时我比较忙，也是刚接触小程序，所以就暂且不尝鲜了。

今天就抽时间总结下吧，这个组件名字叫official-account开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。

 

二、准备和前提条件

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

   注：设置的公众号需与小程序主体一致。

2. 在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:

   • 当小程序从扫二维码场景（场景值1011）打开时

   • 当小程序从扫小程序码场景（场景值1047）打开时

   • 当小程序从聊天顶部场景（场景值1089）中的“最近使用”内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态

   • 当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态

      

1. 每个页面只能配置一个该组件。

 

 

三、代码配置

//公众号关注组件

<official-account></official-account>

没错就是上面这一句代码搞定，可嵌套在原生组件内，然后配上布局样式，想怎么排版就看你的了！

我设置了关联我的公众号后，然后就在微信开发工具里设置场景值1011）打开，如图所示

上面是为了方便在微信开发工具调试设置的场景值，在现在中，用户满足前面所说的“前提条件”下，都会出现公众号关注组件，如下图：

都看到我的公众号“程序猿在广东”了吧，赶紧点查看吧！

GitHub项目地址：

https://github.com/ChessLuo/LivingTools

 

• 最近建了公众号，欢迎大家关注，一起学习Android、小程序、跨平台开发~
•