微信小程序加入企业群聊功能

1,020 阅读1分钟

一、微信小程序后台配置

1、首先登陆小程序后台添加到企业专属服务,添加路径:小程序后台 - 设置 - 第三方设置 - 添加插件中,搜索ID: wx4d2deeab3aed6e5a。

image.png

二、在小程序中使用

1、在app.json 文件中添加对插件的引用(taro框架的话,为app.config.ts)

"plugins": {
  "materialPlugin": {
    "version": "1.0.5", 
    "provider": "wx4d2deeab3aed6e5a" 
    } 
 }

2、在具体引用插件的页面文件json文件中,添加引用

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

3、在需要使用的wxml文件中添加组件的具体代码,这里的url需要到企业微信后台配置后放入,一般也可以直接使用url

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

说明:需要查看该插件的具体属性可查询developer.work.weixin.qq.com/document/pa…

三、在企业微信设置url

1、进入企业微信后台,添加一个群聊,按照路径:客户与上下游-加客户-加入群聊-在小程序加入群聊,配置一个群聊。

image.png

2、创建完成后,点击使用指引,即可查看url,在之前的cell组件中替换即可使用

image.png

使用说明:

1、在使用这个插件之前还需要下载qs的依赖

yarn add qs@6.9.6

2、这个插件使用时,它的样式是无法修改的。这里可以使用一个固定的高度的盒子,通过定位重叠和超出隐藏overflow:hidden来控制,并且在遮挡组件里设置css样式poniter-event:none属性,这样就可以直接点击到下一层的cell加入群聊插件

问题:

1、这个插件在编译器中会被发出编辑警告,这个问题我暂时还没有解决;