程序微信小程序公众号关注组件上线,这其实是技术宅很早就期待的功能,之前技术宅也介绍了技术宅的小程序解决方案“《技术宅“小程序”解决方案》,至今,技术宅还经常折腾小程序,毕竟,不折腾哪来的动力呢?

微信小程序公众号关注组件上线-技术宅

 

点击开启按钮,会提示选择需要展示的关注组件的公众号,这里技术宅以本站的官方微信为例子!

微信小程序公众号关注组件上线-技术宅
微信小程序公众号关注组件上线-技术宅

在小程序中添加关注组件

官方的WIKI很简单,如下所示:

official-account

基础库 2.3.0 开始支持,低版本需做兼容处理

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

Tips:

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

示例:<official-account></official-account>

也就是说我们在小程序页面直接引用代码

好的,那技术宅就在微信小程序开发里面调试下!

技术宅先将代码加进首页的搜索框下面!

微信小程序公众号关注组件上线-技术宅

保存点击调试,发现首页并没有显示,不急,因为是在电脑上调试的原因,有些效果只能在手机显示,点击预览就会显示二维码,用有体验小程序的权限的公众号扫描即可!

微信小程序公众号关注组件上线-技术宅

果然在首页显示了关注件,添加就是如此简单!需要注意的是,我们每个页面只能引用一个关注组件,所以大家自己去配置配置吧,还是很简单的!

觉得文章有用,关注下技术宅的小程序和微信公众号吧!

微信小程序公众号关注组件上线-技术宅

小程序

微信小程序公众号关注组件上线-技术宅

公众号