基于H5的页面调通 企业微信的API （已调通demo）

 

　　企业微信管理员 添加应用 ，地址指向H5程序的地址。（企业微信通过内部游览器访问你自己发布出来的web端的手机项目，不做本文重点）

 

　　代码如下：

 

　　其中 appId 在企业微信上获取，timestamp 时间戳,nonceStr 一个16位的随机字符串，signature 这个签名是最复杂的 （下面有讲到配置方法）。

 

　　signature 这个 签名 需要的如下(官网文档)

 

　　参与签名的参数有四个: noncestr（随机字符串）, jsapi_ticket(如何获取参考“获取企业jsapi_ticket”以及“获取应用的jsapi_ticket接口”), timestamp（时间戳）, url（当前网页的URL， 不包含#及其后面部分）

 

　　将这些参数使用URL键值对的格式 （即 key1=value1&key2=value2…）拼接成字符串string1。

 

　　有两个注意点：1. 字段值采用原始值，不要进行URL转义；2. 必须严格按照如下格式拼接，不可变动字段顺序。

 

　　jsapi_ticket=JSAPITICKET&noncestr=NONCESTR&timestamp=TIMESTAMP&url=URL

 

　　然后对string1作sha1加密即可。

 

　　示例 :

 

　　假如有如下参数：

 

　　noncestr=Wm3WZYTPz0wzccnW

 

　　jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg

 

　　timestamp=1414587457

 

　　url=

 

　　步骤1. 将这些参数拼接成字符串string1：

 

　　jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=

 

　　步骤2. 对string1进行sha1签名，得到signature：

 

　　0f9de62fce790f9a083d5c99e95740ceb90c27ed

 

　　下面我来一一实现这些参数

 

　　请求方式： GET（HTTPS） 请求地址：  （其中 corpid 跟 corpsecret 都是通过企业微信获取）

 

　　提示：这个get 请求 我一开始写在前端js中，用Hbuilder（开发软件）开发测试时，能正常返回信息，但是到游览器才意识到有 跨域问题。后来将获取access_token 的方法放到了 后端获取 ，在丢给前台就可以了。

 

　　就实现了GET 请求获取 access_token

 

　　请求方式：GET（HTTPS）

 

　　请求URL：

 

　　与获取access_token 相同 要放在后台获取 参数就是

 

　　access_token

 

　　到这里config 就配置完成（下面就是写的一个简单的 弹出手机的相册跟拍照功能）（已测试正常调用OK）。