微信小程序 official-account组件 关注公众号

昨天微信小程序发布了 official-account 相关组件,从意思上来讲可以通过小程序直接点击标签关注对应的公众号今天一上班就试了一下。

文档不长,但是对于我这种看文档能力较差的人还是有点吃力的。

official-account组件文档内容:

official-account

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

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

Tips:

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

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

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

    • 当小程序从扫二维码场景(场景值1011)打开时
    • 当小程序从扫小程序码场景(场景值1047)打开时
    • 当小程序从聊天顶部场景(场景值1089)中的“最近使用”内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
    • 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
  3. 每个页面只能配置一个该组件。

示例:


组件显示效果

微信小程序 official-account组件 关注公众号_第1张图片
组件显示效果

PS: 图中的微信号和电话号码都不是本人的,是我老板的。。。

点击组件后跳转到公众号详情页面

微信小程序 official-account组件 关注公众号_第2张图片
点击组件后跳转到公众号详情页面

最后总结:

只在开发工具和开发版的小程序下做了测试,体验版和正式版没有试。
使用之前必须需前往小程序后台,在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。
微信小程序 official-account组件 关注公众号_第3张图片
小程序后台设置

微信小程序 official-account组件 关注公众号_第4张图片
小程序后台设置

微信小程序 official-account组件 关注公众号_第5张图片
设置结果
必须在指定的场景才会显示关注公众号的组件
  • 当小程序从扫二维码场景(场景值1011)打开时
  • 当小程序从扫小程序码场景(场景值1047)打开时
  • 当小程序从聊天顶部场景(场景值1089)中的“最近使用”内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
  • 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
开发工具上需要预览效果时,必须选择场景值
微信小程序 official-account组件 关注公众号_第6张图片
编译模式选择场景值
微信小程序 official-account组件 关注公众号_第7张图片
模拟器右上角的小圆点选择场景值
微信小程序 official-account组件 关注公众号_第8张图片
告辞

你可能感兴趣的:(微信小程序 official-account组件 关注公众号)