前面说了那么多,只是企业微信第三方应用开发的开始,在使用时我又遇到了各种各样的问题,其中最为严重的,也是我一直忽略的就是企业微信的用户授权问题。这里我就直接附上代码吧,希望对各位程序猿有所帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>企业微信授权</title>
</head>
<body>
</body>
<script>
setTimeout(function(){
getQywxCode();
},500)
function getQywxCode(){
console.log('===================获取企业微信用户code==========');
var myAppid = ''; // 企业id
var myAgentid = ''; // 自建应用id
// !授权成功后跳转的路径【重定向的地址】(重定向的【域名】,需要事先在企微自建应用的可信域名中添加上,否则会报错)
var redirectUri = encodeURI(''); // 应用中配置的可信域名+授权后跳转到的路径
// state=CJSTATE 就是一个自己设置的标记字段,可以不写
var authorUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+myAppid+'&redirect_uri='+redirectUri+'&response_type=code&agentid='+myAgentid+'&scope=snsapi_base&state=CJSTATE#wechat_redirect';
// 页面将跳转至 【配置的跳转后的路径url】,并且url中的格式为:redirect_uri?code='用户code信息'&state='STATE'
// vue 可以在跳转后的页面中通过【this.$route.query.code】和【this.$route.query.state】来获取到这两个参数
// 使用这种方法能够避开跨域问题造成的报错中断
// 这里我使用的是原生js方法,并未使用框架
window.location.href = authorUrl;
}
</script>
这里我简单说一下,首先进入这个授权页面,确认授权后再进入我们需要进入的页面。授权问题就这样解决了,当然参数还得准确,具体的我在代码中有说明