admin管理员组

文章数量:1648016

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

本文标签： 公众方案程序微信小official

版权声明：本文标题：微信小程序接入关联微信公众号official-account方案总结 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729495926a1202908.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。