企业微信开发
文章目录
前言
场景:在企业微信中开发h5项目,我们需要先有一个企业微信对应的企业,使用公司或者个人的企业都可。在企业微信内创建应用,需要有管理员的权限
建议:
正式环境:使用公司的企业
测试环境:使用自己创造的企业,这样在开发的时候,我们可以在自己的企业上调试,而不影响线上的
问题:注意自己的企业和公司的企业,在配置权限等方面都要配好,防止自己测试环境自己的企业配置了,线上公司企业未配置。以及vue项目代码里,根据当前环境变量,来绑定不同的企业。
一、创建企业
1.使用手机创建企业
二、在企业内创建应用
1.登录企业微信管理后台
使用企业微信扫码登录企业微信管理后台
2.创建应用
3.配置可信域名和可信IP
可信域名: 就是你地址的那个域名。
在配置可信域名时候,可能会标红报错,让你在此处下载个文件,然后将此文件给后端,让后台放在服务器上。然后再配置可信域名即可确认成功
可信IP:把你本地的IP和服务器的IP配进入,使用企业微信的相关接口有时候会报错,报错提示里也有IP,那就把那个提示的IP也配置进入。
步骤:后台管理–应用管理–应用–选中你创建的那个应用–开发者接口–网页授权及JS-SDK和企业可信IP
按照提示操作,将下载的文件上传至域名根目录下,并确保可以访问,完成后点击确定,完成域名归属验证
三、给企业微信绑定应用:两种方式:1.在工作台位置配置应用,2.在聊天工具栏配置应用
1.设置工作台主页(可以不配置,只是为了能实时在企业微信看到开发效果)
步骤: 应用管理–应用–选中自己创建的那个应用项目-应用主页-设置-网页-网页网址(输入你想配置的vue项目的地址即可)
注意: 这个仅仅是给企业微信工作台设置了页面,通过点击企业微信的 工作台-应用 进入页面。而且我配置的是 本地电脑ip+端口号+地址(这样的地址可能汇报某些权限和接口问题,仅是调试使用),这样我就可以本地开发vue代码时候,实时的在企业微信看到页面变化效果。
效果:
配置步骤:
2.将应用配置到聊天工具栏,给外部客户群配置侧边栏应用
步骤: 应用管理–应用–选中自己创建的那个应用项目-配置到聊天工具栏-配置页面 -页面名称和页面内容-网页网址(输入你想配置的vue项目的地址即可)
注意: 这个配置是给聊天工具栏里打开应用。可以在外部客户群内看到该应用。还可以配置多个页面。
效果:
配置步骤:
总结
按照如上操作就可以给企业微信配置出H5应用了。有帮助的话,点赞支持一波!谢谢!