企业微信扫码登录（vue+springboot）

最新推荐文章于 2023-12-17 22:08:37 发布

卧夜听风雨

最新推荐文章于 2023-12-17 22:08:37 发布

阅读量296

点赞数

文章标签： vue.js 企业微信 spring boot

本文链接：https://blog.csdn.net/LONG729564606/article/details/130361574

版权

简单html的

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
    <script src="https://cdn.staticfile.org/vue/2.7.0/vue.min.js"></script>
    <script src="http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js"></script>
</head>

<body>
    <div id="app">
        <p>{{ message }}</p>
        <!-- 等于下面哪个id -->
        <div class="qr_login" id="qr_login"></div>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue.js!',
            code: ''
        },
        created() {
            // this.getCode();
        },
        // vue项目中不要用created，created加载早于dom，报错
        mounted(){this.getCode();},
        methods: {
            getCode() {
                this.code = this.getUrlCode('code') // 截取code
                if (this.code == null || this.code === '') { // 如果没有code，则去请求
                    // 未登录
                    console.log('未登录')
                    this.createWechatQrCode();
                } else {
                    // 已经登录，code=', this.code)
                    console.log("已经登录，code=", this.code)
                }
            },
            getUrlCode(parm) { // 截取url中的code方法
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i = 0; i < vars.length; i++) {
                    var pair = vars[i].split("=");
                    if (pair[0] == parm) { return pair[1]; }
                }
                return (false);
            },
            createWechatQrCode() {
                var url = '回调页面（当前页面）';
                var wwLogin = new WwLogin({
                    "id": "qr_login",// 这个ID=上面div哪个ID
                    "appid": "企业CorpID",
                    "agentid": "自建应用id",
                    "redirect_uri": encodeURIComponent(url),
                    "state": "hellowecom",
                    "href": "",
                    "lang": "zh",
                });
            }
        }
    })
</script>
</html>