前端-钉钉扫码跳转签到

问题:

用户通过钉钉扫描二维码之后,自动跳转到第三方的会议室。

需要携带用户的信息,免登。

解决方法:

首先,我们可以通过

this.$route.query.redirectUrl

来拿到跳转的地址。

如果这个参数不存在或者空,就报错

1.然后参数没问题的话,先免登然后调用接口获取当前用户的ID

2. this.$route.query.redirectUrl 解码

3. let _arr = redirectUrl.split('?')  拆分url和参数

4.如果_arr长度大于1,说明有参数了

 let url = `${_arr[0]}?userId=${this.UserId}&${_arr[1]}`

反之,说明没有携带参数,那么

let url = `${_arr[0]}?userId=${this.UserId}`

5.最后跳转 window.open(url,'_self')

要实现 Vue 3 钉钉扫码登录,你可以按照以下步骤进行操作: 1. 在钉钉开放平台注册开发者账号,并创建一个应用,获取到 `AppKey` 和 `AppSecret`。 2. 在 Vue 3 项目中安装 `axios`,用于发送 HTTP 请求。可以使用以下命令安装: ``` npm install axios ``` 3. 创建一个登录组件,可以命名为 `Login.vue`,在该组件中包含一个用于展示钉钉扫码的部分。 4. 在 `Login.vue` 组件中,使用钉钉开放平台提供的前端 SDK 进行扫码登录。你可以在 `created` 钩子函数中调用 `dd.config` 方法进行配置,然后调用 `dd.scan` 方法进行扫码操作。 5. 当用户完成扫码并授权登录后,钉钉会回调一个临时授权码。 6. 在 Vue 3 中,你可以在 `Login.vue` 组件中使用 `axios` 发送一个 POST 请求,将临时授权码发送到后端服务器。 7. 后端服务器接收到临时授权码后,使用 `AppKey` 和 `AppSecret` 向钉钉开放平台发送请求,获取用户的持久授权码和用户信息。 8. 后端服务器将持久授权码和用户信息保存在数据库中,并生成一个用户标识(如用户 ID)返回给前端。 9. 前端收到用户标识后,可以将其保存在本地(如使用 `localStorage`),并跳转到其他页面。 请注意,上述步骤只是一个大致的流程,具体实现还需要根据你的项目结构和需求进行调整。同时,钉钉开放平台提供了详细的文档和示例代码,建议你参考这些资源进行开发。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值