uni-app接入钉钉登录

发布于 1周前 作者 nodeper 来自 Uni-App

uni-app接入钉钉登录

uni-app接入钉钉登录，目前能做到调起钉钉应用程序，但是无法接收到code 的回调。需要在android中集成一个activity类。请问如何实现[@DCloud_App_Array](/user/DCloud_App_Array)

开发环境 版本号 项目创建方式
Android 未知 未知
Harmonyos Next教程
7 回复

请问楼主如何调起钉钉呢，感谢


请问楼主如何调起钉钉呢，是引入的钉钉的SDK么？

有很多方式，钉钉也会检测协议链接的

有具体的demo可以参考下么？

同求，谢谢了

回复 BaronCoder: dingtalk://dingtalkclient/action/ 具体的页面可以查看反编译查看apk包内内容

要在uni-app中接入钉钉登录，你需要使用钉钉提供的OAuth 2.0授权机制。以下是一个基本的步骤和代码示例，帮助你实现钉钉登录功能。

步骤一：配置钉钉开发者后台

  1. 注册钉钉开发者账号：如果你还没有钉钉开发者账号，请先注册一个。
  2. 创建应用：在钉钉开发者后台创建一个新的应用，获取应用的AppKey和AppSecret。
  3. 配置OAuth 2.0授权：在应用的配置中，设置OAuth 2.0授权回调域。

步骤二：在uni-app中实现钉钉登录

  1. 安装uni-app依赖：确保你的uni-app项目已经初始化。

  2. 创建钉钉登录页面：

<template>
  <view>
    <button @click="dingdingLogin">钉钉登录</button>
  </view>
</template>

<script>
export default {
  methods: {
    dingdingLogin() {
      const appid = '你的AppKey';
      const redirectUri = encodeURIComponent('https://你的域名/callback'); // 回调地址需与钉钉后台配置一致
      const state = 'random_state'; // 可以自定义传递的参数
      const scope = 'snsapi_login'; // 授权范围

      const url = `https://oapi.dingtalk.com/connect/oauth2/sns_connect?appid=${appid}&response_type=code&scope=${scope}&state=${state}&redirect_uri=${redirectUri}`;

      uni.navigateTo({
        url: `web-view?src=${url}`
      });
    }
  }
}
</script>
  1. 处理回调：在你的服务器上创建一个回调接口，用于接收钉钉回调的code，并换取用户的access_token和用户信息。
// 示例（Node.js + Express）
const axios = require('axios');
const express = require('express');
const app = express();

app.get('/callback', async (req, res) => {
  const { code } = req.query;
  const appid = '你的AppKey';
  const appsecret = '你的AppSecret';

  const response = await axios.get(`https://oapi.dingtalk.com/sns/gettoken`, {
    params: {
      appid,
      appsecret
    }
  });

  const { access_token } = response.data;

  const userInfoResponse = await axios.get(`https://oapi.dingtalk.com/sns/getuserinfo_bycode`, {
    params: {
      access_token,
      code
    }
  });

  const userInfo = userInfoResponse.data;
  // 处理用户信息，如保存到数据库或返回给前端
  res.send(userInfo);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

注意事项

  • 确保回调地址在钉钉开发者后台正确配置。
  • 钉钉登录成功后，服务器需要使用获取到的code去换取用户的access_token和用户信息。
  • 用户信息中包含用户的钉钉ID、昵称、头像等，你可以根据需求进行存储和处理。

以上代码是一个基本的示例，实际应用中可能需要根据业务需求进行更多的错误处理和安全性考虑。

回到顶部