微信小程序接入关联微信公众号official-account方案总结

微信小程序接入关联微信公众号official-account方案总结

需求描述:

• 最近在小程序项目中有这样的需求，在微信小程序里面显示出关联的微信公众号，让用户在小程序一步直达公众号。

解决方案:

第一步：开发者进入小程序管理后台=》设置=》关注公众号=》设置关注公众号组件：

第二步：在小程序页面中加入以下代码：

• <view class="official">
       <official-account></official-account>
  </view>
  

第三步（可选）：可以在小程序页面中获取场景值以决定显示与否：

• // onLoad生命周期内判断
  const obj = wx.getLaunchOptionsSync()
      if (obj.scene === 1011 ||
          obj.scene === 1047 ||
          obj.scene === 1089 ||
          obj.scene === 1038) {
        // 判断在这些场景值下展示
      }
  

效果如下：

注意事项：

• 1.该组件从基础库 2.3.0 开始支持。

• 2.使用组件前，需前往小程序后台设置要展示的公众号。注：设置的公众号需与小程序主体一致。

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

  • 当小程序从扫小程序码场景值1047，场景值1124打开时
  • 当小程序从聊天顶部场景值1089中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
  • 当从其他小程序返回小程序场景值1038时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态

• 4.为便于开发者调试，基础库 2.7.3 版本起开发版小程序增加以下场景展示公众号组件：

  • 开发版小程序从扫二维码（场景值 1011）打开 — 体验版小程序打开

• 5.组件限定最小宽度为300px，高度为定值84px。

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