博客

微信小程序接入关联微信公众号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.每个页面只能配置一个该组件。