企业微信对接开发流程

目录
  1. 企业微信如何收费?
  2. 如何申请企业微信,创建企业内部应用?
  3. 企业微信OAuth2接入流程
  4. 关于网页授权的可信域名
  5. 如何调用企业微信API?

企业微信如何收费?

微信微信是免费申请的,不收取任何费用。若企业人数超过200人,需要进入企业微信后台的认证系统进行认证,操作如下:
在这里插入图片描述
认证费用是300元,认证成功后的企业需要年审,费用是300元/年。

如何申请企业微信,创建企业内部应用?

1.首先,到企业微信官网进行账号注册。在这里插入图片描述
2.注册成功后,进入管理员后台。

在这里插入图片描述

3.需要导入通讯录,同步后台通讯录。

在这里插入图片描述

4.创建应用,点击应用管理->创建应用,填写相应的信息,方可创建。

在这里插入图片描述

5. 点击创建的应用,设置可信度域名。

在这里插入图片描述
例如:确认无误后点击确定。
在这里插入图片描述

6.设置工作应用台主页

在这里插入图片描述
说明:
如果企业需要在打开的网页里面携带用户的身份信息,第一步需要构造如下的链接来获取code参数:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=CORPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

appid在我的企业>企业信息 企业ID 可以看到

在这里插入图片描述
员工点击后,页面将跳转至 redirect_uri?code=CODE&state=STATE,企业可根据code参数获得员工的userid。code长度最大为512字节。

至此,创建一个应用的流程差不多结束。记得设置应用的可见范围。

企业微信OAuth2接入流程

详情可参考:企业微信开发之授权登录
流程为:
A) 用户访问第三方服务,第三方服务通过构造OAuth2链接(参数包括当前第三方服务的身份ID,以及重定向URI),将用户引导到认证服务器的授权页
B) 用户选择是否同意授权
C) 若用户同意授权,则认证服务器将用户重向到第一步指定的重定向URI,同时附上一个授权码。
D) 第三方服务收到授权码,带上授权码来源的重定向URI,向认证服务器申请凭证。
E) 认证服务器检查授权码和重定向URI的有效性,通过后颁发AccessToken(调用凭证)
在这里插入图片描述

关于网页授权的可信域名

REDIRECT_URL中的域名,需要先配置至应用的“可信域名”,否则跳转时会提示“redirect_uri参数错误”。
要求配置的可信域名,必须与访问链接的域名完全一致。举个例子:
在这里插入图片描述

如何调用企业微信API?

1.引入js文件

方法一:在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
方法二:支持使用 AMD/CMD 标准模块加载方法加载(以vue为例)

$ npm install weixin-js-sdk --save
或
$ yarn add weixin-js-sdk --save
2.通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用)。

wx.config({
    beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,企业微信的corpID
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

而signature的如何生成可参考官网API,出于安全考虑,开发者必须在服务器端实现签名的逻辑(即后端给出接口)。
任意门

3.通过ready接口处理成功验证
wx.ready(function(){
    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
4.通过error接口处理失败验证
wx.error(function(res){
    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});

验证成功后,就可以调用微信API的其他接口了。
任意门

  • 0
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信公众号的web开发流程可以简单概括为以下几个步骤: 1. 注册与认证:首先需要在微信公众平台上注册一个账号,然后进行认证,通过后方可获得开发者权限和接口调用权限。 2. 服务器搭建:在开发公众号web应用之前,需要准备一个稳定可靠的服务器,用来存放应用程序的代码和数据。 3. 开发环境准备:开发者需要安装相关的开发环境和工具,如代码编辑器、服务器软件等。 4. 开发功能:根据公众号的需求,开始进行功能开发。可以选择使用微信公众平台提供的开发接口,如获取用户信息、发送消息等,也可以根据具体业务需求自行开发相关功能。 5. 接口对接:在功能开发完成后,需要将公众号与服务器进行接口对接,实现数据的传输和交互。 6. 测试和优化:在开发完成后,需要进行测试,确保功能的稳定性和兼容性。如果存在问题,还需要进行优化和修复。 7. 发布上线:经过测试和优化后,将应用程序部署到服务器上,并在微信公众号后台设置服务器配置,确保公众号可以正常访问和使用。 8. 运营与维护:上线后,需要定期对公众号进行运营和维护,及时修复bug和添加新的功能,保证公众号的正常运行和用户体验。 总体来说,微信公众号的web开发流程包括注册与认证、服务器搭建、开发环境准备、功能开发、接口对接、测试和优化、发布上线以及运营与维护等步骤,需要开发者具备一定的技术和开发经验,并且需要不断迭代和优化,以适应不断变化的用户需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值