记录：实现钉钉（企业内部应用）登录第三方网站

由于后台无法配合前端配置路由为history模式，故vue路由采用hash模式。但是钉钉扫码成功后会导致重定向地址格式错误：

错误格式：https://xxx.com/?authCode=xxxx#/xxxx
期望格式：https://xxx.com/#/xxxx?authCode=xxxx

解决方法

index.html同级目录新建redirect.html。扫码成功后先重定向到redirect.html，在redirect.html中重新拼接跳转地址，获取authCode。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>跳转中...</title>
</head>
<body><script>function getQueryVariable(variable) {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] == variable) { return pair[1]; }}return (false);}const code = getQueryVariable('authCode')if (code) {window.location.href = window.location.protocol + '//' + window.location.host + '/#/login?authCode=' + code} </script>
</body></html>

// 钉钉扫码登录dLogin() {const redirectUrl = encodeURIComponent(window.location.protocol + '//' + window.location.host + '/redirect.html')window.location.href = `https://login.dingtalk.com/oauth2/challenge.htm?redirect_uri=${redirectUrl}&response_type=code&client_id=dingbbbbbbb&scope=openid&prompt=consent&FEForceLogin=true`},

参考地址：钉钉开发文档

记录：实现钉钉（企业内部应用）登录第三方网站相关推荐

钉钉通知-调用钉钉发送企业内部消息开发
首先,我们要明确需求:自己的系统需要发送通知消息到用户,接收消息用户为同一企业内的人员,选用短信可能涉及到费用问题,故可以选用钉钉或者企业微信,在此我使用钉钉进行发送消息. 调用钉钉发送企业内部消息: ...
钉钉小程序生态1—区分企业内部应用、第三方企业应用、第三方个人应用
文章导航钉钉小程序生态1-区分企业内部应用.第三方企业应用.第三方个人应用钉钉小程序生态2-区分小程序和H5微应用钉钉小程序生态3-钉钉扫码登录PC端网站钉钉小程序生态4-钉钉小程序三方企业应 ...
钉钉一键登录第三方网站
钉钉一键登录第三方网站序钉钉开发者后台 H5微应用应用代码开发登录页面login.html 登录实现LoginController.java pom.xml增加一键登录效果展示序企业内部 ...
使用钉钉创建企业内部机器人
目录玩转钉钉机器人创建钉钉机器人: 如何创建钉钉机器人如何调用机器人api 支持的消息格式 text类型 markdown类型整体跳转actionCard类型 feedCard类型使用钉钉机 ...
vue实现钉钉扫码登录第三方网站
(1)### 登录钉钉开放平台,进入应用开发页面,此页面需要管理员开放权限才能进入 (2)### 点击[创建应用],圈出的三部分填写完之后点击[确定创建] (3)### 切换到新版,钉钉登录与分享中填 ...
vue3 钉钉扫码登录第三方网站最新解决方案
vue3 钉钉扫码登录最新解决方案主要是使用方法和踩坑吧,坑踩的挺大,有vue3一起踩坑的可以相互讨论哈注意看注释,很多注意点在注释和总结那里往index.html 添加引入 <scri ...
详解新浪微博登录第三方网站
为什么要绑定? 答案:简化用户登录,用第三方账号实现这个网站的登录.通过绑定,还可以获得第三方账号的提供的一些接口信息,可以再本平台直接操作第三方平台,这样,即保存了本网站的用户也有利于第三方网站,实 ...
企业微信如何实现PC端扫码登录第三方网站
1 登录企业微信 https://work.weixin.qq.com/ 创建应用 2 在应用里需要配置工作台应用主页 (即扫码后的跳转地址) 和企业微信授权里的授权回调域 (必须跟跳转地址是相同 ...
js kettle 设置变量_kettle与钉钉结合的企业内部应用扩展01
晨枫0215 2019-09-23 16:46 Kettle作为了一个开源的工具,尤其现在大数据应用环境下,企业内部的数据清理应用就更多. 另外一方面,钉钉作为企业内部沟通平台,相比2年前,发展的更快 ...

记录：实现钉钉（企业内部应用）登录第三方网站

解决方法

记录：实现钉钉（企业内部应用）登录第三方网站相关推荐

最新文章

热门文章