一、需求背景：加好友、拉粉丝进群

大部分商家在做私域运营的，都会想方设法的把客户拉倒企微群或者单独添加为好友，以便后续的精细化运营，利用群发消息或者朋友圈的动态来进行更多曝光，维系与客户之间的关系。

但如何在小程序中，方便的添加客户为好友，并且不会违规呢？企微微信给了解决方案。

二、效果预览：利用“联系我”插件

我们可以利用企微提供的 “联系我” 插件来实现。

官方文档见：https://work.weixin.qq.com/api/doc/90000/90136/93582

先来看一下效果图示 

1、点击头像区域，可发送微信的消息通知

2、回到微信聊天列表，就能收到一个黄色的服务通知了

3、点击进去看到邀请通知

4、这里的二维码可以在企业微信的后台设置，可以是企微个人微信，也可以是企微群二维码

三、开发实战：配置+前端开发

1、登陆企业微信管理员后台，账号需要有“客户联系”模块的权限： https://work.weixin.qq.com/wework_admin/frame#customer/config/interactive 

新建联系方式可以选择 二维码 和 按钮两种样式

点击使用指引获取到配置的ID：

四、小程序插件接入

1、经过上面的配置，获得了对应的配置ID后，开发者在小程序管理后台申请使用插件，添加路径：设置 ->第三方服务 -> 插件管理 -> 添加插件，搜索并添加插件ID： wx104a1a20c3f81ec2，无需审核确认。

2、开发者在小程序app.json 文件中添加对插件的引用

//index.wxml
<cell  bind:startmessage='startmessage' 
       bind:completemessage="completemessage"
       plugid='82f3b7edf91xxxxxxxxxx' 
       buttonText='1' iconStyle='light' />

//index.json
{
  "usingComponents": {
    "cell": "plugin://contactPlugin/cell"
  }
}

//app.json
"plugins": {
 "contactPlugin": {
     "version": "1.4.3",
     "provider": "wx104a1a20c3f81ec2"
 }
}

其中 completemessage 回调接收的参数格式如下：

{
    errcode: 0,  // 消息发送状态
    name: '',  // 推送的客服人员姓名
    headurl: ''  // 推送的客服人员头像
    notifytype: 0,  // 0: 表示消息通知的方式  1：表示二维码的方式
}

至此，就完成了基本的对接，就能在小程序中使用了。

tips：

企微提供的默认样式是这样样子的

但是，这个样式点击面积、样式效果都不是特别好，前端同学可以开动小脑瓜，通过css样式的覆盖。把透明度改为0，覆盖在自定义样式上，如文章最开始的图片展示。就可以实现自己想要的效果了。

五、加入群聊小程序按钮

同样，企微还提供了加入群聊的功能，详细见：https://work.weixin.qq.com/api/doc/90000/90136/93884，这里就不赘述了。