企业微信创建应用;企业微信接入H5应用;企业微信创建自己的企业并创建应用;

企业微信开发

在这里插入图片描述
在这里插入图片描述


前言

场景:在企业微信中开发h5项目,我们需要先有一个企业微信对应的企业,使用公司或者个人的企业都可。在企业微信内创建应用,需要有管理员的权限

建议:
正式环境:使用公司的企业
测试环境:使用自己创造的企业,这样在开发的时候,我们可以在自己的企业上调试,而不影响线上的

问题:注意自己的企业和公司的企业,在配置权限等方面都要配好,防止自己测试环境自己的企业配置了,线上公司企业未配置。以及vue项目代码里,根据当前环境变量,来绑定不同的企业。


一、创建企业

1.使用手机创建企业

这里是引用

二、在企业内创建应用

1.登录企业微信管理后台

使用企业微信扫码登录企业微信管理后台

2.创建应用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.配置可信域名和可信IP

这里是引用

可信域名: 就是你地址的那个域名。
在配置可信域名时候,可能会标红报错,让你在此处下载个文件,然后将此文件给后端,让后台放在服务器上。然后再配置可信域名即可确认成功
可信IP:把你本地的IP和服务器的IP配进入,使用企业微信的相关接口有时候会报错,报错提示里也有IP,那就把那个提示的IP也配置进入。

步骤:后台管理–应用管理–应用–选中你创建的那个应用–开发者接口–网页授权及JS-SDK和企业可信IP
在这里插入图片描述
按照提示操作,将下载的文件上传至域名根目录下,并确保可以访问,完成后点击确定,完成域名归属验证
在这里插入图片描述
在这里插入图片描述

三、给企业微信绑定应用:两种方式:1.在工作台位置配置应用,2.在聊天工具栏配置应用

1.设置工作台主页(可以不配置,只是为了能实时在企业微信看到开发效果)

步骤: 应用管理–应用–选中自己创建的那个应用项目-应用主页-设置-网页-网页网址(输入你想配置的vue项目的地址即可)
注意: 这个仅仅是给企业微信工作台设置了页面,通过点击企业微信的 工作台-应用 进入页面。而且我配置的是 本地电脑ip+端口号+地址(这样的地址可能汇报某些权限和接口问题,仅是调试使用),这样我就可以本地开发vue代码时候,实时的在企业微信看到页面变化效果

效果:在这里插入图片描述

配置步骤:在这里插入图片描述在这里插入图片描述

2.将应用配置到聊天工具栏,给外部客户群配置侧边栏应用

步骤: 应用管理–应用–选中自己创建的那个应用项目-配置到聊天工具栏-配置页面 -页面名称和页面内容-网页网址(输入你想配置的vue项目的地址即可)
注意: 这个配置是给聊天工具栏里打开应用。可以在外部客户群内看到该应用。还可以配置多个页面。

效果:
在这里插入图片描述
在这里插入图片描述

配置步骤:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述


总结

按照如上操作就可以给企业微信配置出H5应用了。有帮助的话,点赞支持一波!谢谢!

  • 10
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值