关于angular:Angular前后端分离项目如何企业微信网页认证

60次阅读

共计 694 个字符,预计需要花费 2 分钟才能阅读完成。

1、想要干什么
在最近的 Angular+Sping boot 的学习利用中,想要在企业微信获取企业微信用户的 userid, 实现网页认证。具体可参考企业微信网页认证 api。
2、企业微信网页认证原理

本人的了解

留神:这里的生产 code 的过程,必须由服务后盾实现申请
3、遇到的坑
我在应用的过程中,试图应用 Angular 在前端实现身份认证的过程,过后的流程图:

因为在微信开发中,微信内嵌的浏览器并没有控制台让咱们打印日志,只晓得产生了谬误,但具体谬误无所不知。试图通过 alert 办法,将谬误的对象打印进去,但看不到谬误对象的详细信息。
4、vConsole
可能腾讯早就收到微信开发者的投诉,没有控制台,微信开发出先谬误,齐全靠猜测本人哪里除了问题,效率太低,于是悄悄的提供了 vConsole 给开发者调试代码。vConsole 是一个虚构的控制台。
应用办法:在页面的 head 中退出如下代码

<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js"></script>
<script>
// 初始化 vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>

这样咱们的页面就会减少一个虚构的控制台,console.log或其余调试办法均能够在虚构控制台中展示。


5、论断
通过 vConsole 调试,失去了问题的要害:呈现跨域谬误,企业微信的 API 不容许跨域申请。也就是生产 code 的过程中,我应用 angular 发动 get 申请是不被容许的,反思之后得出正确的流程图。

正文完
 0