关注公众号
<p><p>[TOC]</p> <h5>简要描述</h5> <ul> <li>通过微信小程序原生 API 引导用户跳转至官方公众号主页,实现一键关注功能。本功能无需后端接口支持,依赖小程序与公众号的关联配置。</li> </ul> <h5>请求URL</h5> <ul> <li><code>前端调用:wx.openOfficialAccountProfile</code></li> </ul> <h5>请求方式</h5> <ul> <li>前端调用(JavaScript)</li> </ul> <h5>功能说明</h5> <ul> <li>调用微信官方 API 打开公众号资料页,用户可直接关注。</li> <li>无需后端提供数据接口。</li> <li>需在小程序管理后台完成公众号关联。</li> </ul> <h5>前提条件</h5> <table> <thead> <tr> <th style="text-align: left;">条件</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">小程序已上线或体验版</td> <td>仅上线或体验版支持调用此 API</td> </tr> <tr> <td style="text-align: left;">公众号已认证</td> <td>需为服务号或订阅号(已认证)</td> </tr> <tr> <td style="text-align: left;">小程序与公众号已关联</td> <td>在小程序后台「设置」→「基本设置」→「公众号关联」中完成绑定</td> </tr> </tbody> </table> <h5>前端调用代码示例</h5> <pre><code>const followOfficialAccount = () => { wx.openOfficialAccountProfile({ success: function(res) { console.log('打开公众号资料成功', res); }, fail: function(err) { console.error('打开公众号资料失败', err); uni.showToast({ title: '请搜索【少体官方】关注我们', icon: 'none' }); } }); }; </code></pre> <h5>返回示例(success)</h5> <pre><code>{ "errMsg": "openOfficialAccountProfile:ok" } </code></pre> <h5>返回示例(fail)</h5> <pre><code>{ "errMsg": "openOfficialAccountProfile:fail" } </code></pre> <h5>常见错误码</h5> <table> <thead> <tr> <th style="text-align: left;">错误码</th> <th>说明</th> <th>解决方案</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">fail</td> <td>调用失败</td> <td>检查小程序是否已关联公众号</td> </tr> <tr> <td style="text-align: left;">not login</td> <td>用户未登录</td> <td>确保用户已授权登录</td> </tr> <tr> <td style="text-align: left;">permission denied</td> <td>权限不足</td> <td>确认公众号类型支持此功能</td> </tr> </tbody> </table> <h5>注意事项</h5> <ul> <li>此功能仅在真机运行时生效,开发者工具中可能无法测试。</li> <li>建议在按钮点击后添加埋点,统计“关注引导”点击次数。</li> <li>若调用失败,建议提供备用方案:如弹窗提示用户手动搜索公众号名称关注。</li> </ul></p>