微信小程序接入关联微信公众号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-account方案总结相关推荐

微信小程序获取并展示公众号推文
微信小程序获取并展示公众号推文获取公众号access_token(开发环境) IP白名单设置获取access_token 小程序前端展示素材导入云数据库云函数读取展示注:笔者是小程序菜鸟,代 ...
微信小程序生态13-微信公众号自定义菜单、个性化菜单配置
文章导航微信小程序生态1-初识小程序微信小程序生态2-创建一个微信小程序微信小程序生态3-微信小程序登录流程设计微信小程序生态4-扫普通二维码进入小程序.打开短链接进入小程序微信小程序生态5 ...
微信小程序中如何打开公众号文章（node版）
1. 技术要求微信开发经验+小程序开发经验+会一点node 2. 思路在6月份的一次更新,webview组件增加新的能力,webview 指向网页的链接.可打开关联的公众号的文章,其它网页需登录小 ...
java获取openid_JAVA获取微信小程序openid和获取公众号openid，以及通过openid获取用户信息...
https://www.cnblogs.com/lxwt/p/10154540.html?tdsourcetag=s_pcqq_aiomsg 一,首先说明下这个微信的openid 为了识别用户,每个用 ...
微信小程序 official-account组件关注公众号
昨天微信小程序发布了 official-account 相关组件,从意思上来讲可以通过小程序直接点击标签关注对应的公众号今天一上班就试了一下. 文档不长,但是对于我这种看文档能力较差的人还是有点吃力的 ...
微信小程序内跳转公众号
可使用微信小程序官方提供的official-account 组件来完成,官方文档 Tips: 1. 使用组件前,需前往小程序后台,在"设置"->"关注公众号&quo ...
微信小程序入门10-微信公众号token验证失败
为了更好的运营公众号,微信官方支持用户自定义实现公众号功能,这里第一步就是配置服务器回调域名,如下图: 如果是SpringBoot项目,我们会写一个如下的Controller类 import lomb ...
微信小程序入门7-微信公众号设置IP白名单
一.为什么要配置IP白名单此处IP为服务器对公网IP: 在IP白名单内的IP地址作为来源,获取access_token接口才可调用成功. 而想要调用公众号相关API,就必须获取access_toke ...
微信小程序web-view内嵌公众号网页分享功能实现
web-view嵌入网页分享,有二种分享情况 1.小程序分享出当前打开的页面 2.部分页面要求,分享指定页面,而不是当前的页面以下是代码部分一.web-view内嵌公众号网页 ...

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

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

需求描述:

解决方案:

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

最新文章

热门文章