小程序 · 引入企业微信中的「联系我」插件

需求： 通过小程序添加企业微信好友

在“企业微信管理后台——客户联系——加客户——「联系我」（二维码或按钮两种联系方式进行添加）—— 新建联系方式 —— 在小程序中联系——设置绑定的成员

在小程序后台 - 设置 - 第三方服务 - 添加插件中 搜索ID: wx104a1a20c3f81ec2
配置ID：bee54dd25167a501c0f09d4294a7c150

小程序插件接入步骤

小程序app.json 文件中添加对插件的引用

"plugins": {
 "contactPlugin": {
     "version": "1.4.3",
     "provider": "wx104a1a20c3f81ec2"
 }
}

开发者在具体引用插件的页面文件json文件中，添加对组件的引用，例如：

"usingComponents": {
 "cell": "plugin://chatGroupPlugin/cell"
}

开发者在引用插件的wxml文件中添加组件的具体代码，其中plugid为在企业微信管理后台配置的插件ID，将该ID作为参数传入组件，例如：

<cell bind:startmessage='startmessage' bind:completemessage="completemessage" url='url'  />

uni-app配置小程序插件

使用插件之前开发者需要在manifest.json中的各平台对应的字段内声明使用的插件，具体配置参照所用插件的开发文档

// 微信小程序
"mp-weixin": {
	"usingComponents":true, //必须加 不然编译会报错
    "plugins": {
      "myPlugin": {
        "version": "1.3.0",
        "provider": "wxidxxxxxxxxxxxxxxxx"
      }
    }
}

在页面内使用插件需要在pages.json内对应页面的style节点下配置对应平台的usingComponents，示例如下。

// 微信小程序
{
  "path": "pages/index/index",
  "style": {
    "mp-weixin": {
      "usingComponents": {
        "hello-component": "plugin://myPlugin/hello-component"
      }
    }
  }
}

页面引入

<hello-component></hello-component>

问题：由于用户在切换时会更新plugid，导致组件并没有重新渲染，二维码没有更新
解决方法：通过判断条件改变isnowShowWx的值实现组件的重新渲染

 <cell class="wx" id="wx" wx:if="{{isnowShowWx}}" bind:startmessage='startmessage' bind:completemessage="completemessage" plugid='{{nowPlugid}}' />

参考
如何使用[联系我]按钮？
小程序「联系我」插件
客户联系「联系我」管理
uni-app配置小程序插件