最近接了一个需求，要求在微信小程序内部添加关注微信公众号的方式并给出解决方案，经过几天的翻官网文档，查周边资料，问资深技术员，初步给出两个解决方案：

 

题外话：

　　搬砖容易，建设难，搬砖的小伙伴请注明文章出处，尊重原创，感谢！

 

方式一：微信官方文档小程序 =》 开放能力 =》 official-account组件

　　简介：公众号关注组件。当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。

　　用前须知：基础库2.3.0开始支持，低版本需要做兼容处理

　　注意事项：

1. 使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。

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

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

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

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

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

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

方式二：

 

 

客服消息 ，如图 =》 客服接口-发消息 根据文档说明以及业务需求进行设置

 

期间走的弯路及新增知识点（坑都是我一步一步踩过来的，那脚印很明显）

　　1. 微信小程序的图片不能识别除小程序码以外的二维码（别问为什么，想问的前面微信微信官方技术员，慢走不送）

　　2.微信小程序中想要长按识别微信小程序二维码的话，只能在wx.previewImage中，理由同上

　　3.测试结果：

　　　　当预览的是本地的图片时，图片时加载不出来的，只有来自网上或者看过手机相册选择拍照获取的图片才可以成功显示，并且只能扫描小程序码。

 

再次郑重声明：

　　搬砖容易，建设难，搬砖的小伙伴请注明文章出处，尊重原创，感谢！