企业微信侧边栏开发

608 阅读2分钟

企业微信侧边栏开发

可以配合这个地址一起:wecom-sidebar.github.io/wecom-sideb…

企业微信侧边栏开发

简介:将应用页面配置到聊天工具栏,方便成员在与客户的聊天中查看和使用,提高服务效率。仅用于pc端。

配置参数:

使用 JsSdk 的时候需要这些重要参数:

agentId:自建应用的 agentId,不同自建应用会有不同的 agentId

corpSecret:自建应用的 secret(官网显示 secret),不同自建应用会有不同的 corpSecret

API管理客户的 Secret:在 客户联系 - 客户 - 点击 API Tag - 弹出面板里的 Secret

corpId: 我的企业 - 企业ID,一个企业会有一个 ID

开始开发:

1.登录企业微信后台!

后端提供访问域名,可信域名。都创建好了就可以开始前端开发了。

2.前端开发

1.按照以往的开发模式开发,webpack+vue开发。

2.开发中需要兼容300pxPC端宽度适配,同时还要兼容移动端适配。

3.开发完成,打包交给后端或者自动化部署,提交代码,后端合并,打包,发布。

未解决前端开发中第3点问题,我们可以使用 whistle 这个代理工具。

点击二维码下载证书,安装。

//xxxx.xxx.com 这个地址是我们配置的可信域名,后面的地址是我们本机的开发项目。

这里还要做一个全局代理配置。window代理配置。

先找到控制面板--internet选项--链接选项卡--局域网设置

勾选为LAN使用代理服务器。

高级-例外 里面添加不使用的服务器地址,保证企业微信侧边栏资源能请求到。

企业微信开发排除代理服务器,保证企业微信正常获取其他资源。

work.weixin.qq.com;

developer.work.weixin.qq.com;

open.weixin.qq.com;

open.work.weixin.qq.com;

res.wx.qq.com

然后就可以安心开发了。