钉钉扫码登录第三方
钉钉文档
实现登录第三方网站 - 钉钉开放平台 (dingtalk.com)
html页面
将html放在
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>登录</title>// jquery<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>// 钉钉二维码<script src="https://g.alicdn.com/dingding/h5-dingtalk-login/0.21.0/ddlogin.js"></script><style>/* STEP2：指定这个包裹容器元素的CSS样式，尤其注意宽高的设置 */.self-defined-classname {width: 300px;height: 300px;/* border: 1px #000 solid; */}</style>
</head><body><!-- STEP1：在HTML中添加包裹容器元素 --><div id="self_defined_element" class="self-defined-classname"></div>
</body></html>
<script>// STEP3：在需要的时候，调用 window.DTFrameLogin 方法构造登录二维码，并处理登录成功或失败的回调。window.DTFrameLogin({id: 'self_defined_element',width: 300,height: 300,},{ // 回调地址：可以理解为用户扫码同意后钉钉会重定向到你指定的地址并把授权码authCode拼接到该地址参数redirect_uri: encodeURIComponent('http://192.168.11.98:82/index'),client_id: 'dixxxxxxxxxxxxxx', // 你的企业内部应用appKeyscope: 'dingxxxxxxxxxxxxxxxxxxx', // 保持不变 response_type: 'code', // 保持不变state: 'pc', // 跟随authCode原样返回prompt: 'consent', // 值为consent时，会进入授权确认页},(loginResult) => {const { redirectUrl, authCode, state } = loginResult;// 用户扫码成功后获取到重定向地址以及同意的授权码，这里不做重定向地址。// 通过拿到的授权码调用我们第三方应用的钉钉授权码登录接口换取用户凭证tokenconsole.log(redirectUrl, authCode, state)$.ajax({url: `http://xxxxxxxxxxxxxxx/auth`, // 后端接口method: 'get',contentType: 'application/json',data:{authCode:authCode},dataType: 'json',success: function (data) {if (data.code == 200) {// 获取token并缓存下来// window.localStorage.setItem('Admin-Token', data.token);document.cookie = 'Admin-Token='+data.token;// 重定向到首页parent.location.href = 'http://xxxxxxxxx/index'} else {alert('钉钉扫码登录失败，请再次尝试。');return;}},error: function (err) {alert(err);}});},(errorMsg) => {// 这里一般需要展示登录失败的具体原因alert(`Login Error: ${errorMsg}`);},);
</script>
将html通过iframe 放在登录页
<div><iframe src="/loginpage.html" ref="iframe" width="330px" height="330px" style="margin: 0px 0px 0px 20px;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
</div>
相关文章：
钉钉扫码登录第三方
钉钉文档 实现登录第三方网站 - 钉钉开放平台 (dingtalk.com) html页面 将html放在 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>登录</title>// jquery<script src"http://code.jqu…...
多GPU系统中的CUDA设备不可用问题
我们在使用多GPU系统时遇到了CUDA设备不可用的问题，详细情况如下： 问题描述： 我们在一台配备有8块NVIDIA GeForce RTX 3090显卡的服务器上运行CUDA程序时，遇到了如下错误： cudaErrorDevicesUnavailable: CUDA-capabl…...
python的列表推导式
文章目录 前言一、解释列表推导式二、在这句代码中的应用三、示例四、使用 for 循环的等价代码总结 前言 看看这一行代码：questions [q.strip() for q in examples["question"]] ，问题是最外层的 中括号是做什么的？ 最外层的中括…...
类与对象（2）
我们在了解了类的简单创建后，需要对类的创建与销毁有进一步的了解，也就是对于类的构造函数与析构函数的了解。 目录 注意： 构造函数的特性： 析构函数： 注意： 该部分内容为重难点内容，在正常…...
迂回战术：“另类“全新安装 macOS 15 Sequoia beta2 的极简方法
概述 随着 WWDC 24 的胜利闭幕，Apple 平台上各种 beta 版的系统也都“跃跃欲出”，在 mac 上自然也不例外。 本次全新的 macOS 15 Sequoia（红杉）包含了诸多重磅升级，作为秃头开发者的我们怎么能不先睹为快呢࿱…...
如何设计一个秒杀系统，（高并发高可用分布式集群）
设计一个高并发、高可用的分布式秒杀系统是一个非常具有挑战性的任务，需要从架构、数据库、缓存、并发控制、降级限流等多个维度进行考虑。以下是一个典型的秒杀系统设计思路： 1. 系统架构 微服务架构 拆分服务：将系统功能拆分为多个微服务…...
深度优先搜索（所有可达路径）
参考题目：所有可达路径 题目描述 给定一个有 n 个节点的有向无环图，节点编号从 1 到 n。请编写一个函数，找出并返回所有从节点 1 到节点 n 的路径。每条路径应以节点编号的列表形式表示。 输入描述 第一行包含两个整数 N，M&…...
如何配置yolov10环境？
本文介绍如何快速搭建起yolov10环境，用于后续项目推理、模型训练。教程适用win、linux系统 yolo10是基于yolo8（ultralytics）的改进，环境配置跟yolo8几乎一模一样。 目录 第1章节：创建虚拟环境 第2章节：…...
『大模型笔记』GraphRAG：利用复杂信息进行发现的新方法！
GraphRAG：利用复杂信息进行发现的新方法！ 文章目录 一. GraphRAG：利用复杂信息进行发现的新方法！1. 将RAG应用于私人数据集2. 整个数据集的推理3. 创建LLM生成的知识图谱4. 结果指标5. 下一步二. 参考文献微软官方推文：https://www.microsoft.com/en-us/research/blog/gra…...
数据结构1:C++实现变长数组
数组作为线性表的一种，具有内存连续这一特点，可以通过下标访问元素，并且下标访问的时间复杂的是O(1)，在数组的末尾插入和删除元素的时间复杂度同样是O(1)，我们使用C实现一个简单的边长数组。 数据结构定义 class Arr…...
C＋＋入门基础篇（下）
目录 6.引用 6.1 引用的特性 6.2 const引用 7.指针和引用的关系 8.内联函数 9.nullptr 6.引用 引⽤不是新定义⼀个变量，⽽是给已存在变量取了⼀个别名，编译器不会为引⽤变量开辟内存空间， 它和它引⽤的变量共⽤同⼀块内存空间。比如&a…...
LabVIEW图像分段线性映射
介绍了如何使用LabVIEW对图像进行分段线性映射处理，通过对特定灰度值区间进行不同的线性映射调整，以优化图像的显示效果。案例中详细展示了如何配置和使用LabVIEW中的图像处理工具，包括设置分段区间、计算映射参数和应用映射函数等步骤。 实…...
Linux开发：进程件通过UDS传递内存文件句柄
Linux开发：进程间通过Unix Domain Socket传递文件描述符-CSDN博客 介绍了通过UDS传递文件描述符 Linux开发：通过memfd_create创建一个内存文件-CSDN博客 介绍了如果创建一个内存文件 将两者相结合，就可以通过UDS传递一块内存文件句柄也就是内存数据 //uds_fd.hpp #pragma …...
Internet Download Manager6.42最新下载器互联网冲浪小能手们！
今天我要来种草一个超级棒的宝贝——Internet Download Manager（简称 IDM）。这个小家伙简直是下载界的“速度与激情”代言人，让我彻底告别了等待的日子。🎉 IDM马丁正版下载如下: https://wm.makeding.com/iclk/?zoneid34275 …...
Vue 使用Audio或AudioContext播放本地音频
使用Audio 第一种 使用标签方式 <audio src"./tests.mp3" ref"audio"></audio><el-button click"audioPlay()">播放Audio</el-button>audioPlay() {this.$refs.audio.currentTime 0;this.$refs.audio.play();// this.$…...
从数据仓库到数据湖(上)：数据湖导论
文章目录 一、什么是数据湖？起源数据湖的特征 二、为什么要用数据湖？三、数据湖与数据仓库的区别数据仓库和数据湖的对比 四、数据湖本质数据存储架构数据处理工具：三类第一类工具第二类工具第三类工具 小结 五、总结六、参考资料 一、什么是…...
Perl 语言开发（六）：深入探索 Perl 中的数组与列表操作
目录 1. 数组和列表的基本概念 1.1 数组的定义与特点 1.2 列表的定义与特点 2. 数组的基本操作 2.1 访问数组元素 2.2 数组的长度 2.3 添加和删除元素 2.4 切片操作 2.5 迭代数组 3. 列表的常见操作 3.1 创建和使用列表 3.2 列表的上下文 3.3 列表和数组的转换 3…...
统一视频接入平台LntonCVS视频监控平台具体功能介绍
LntonCVS视频监控平台是一款基于H5技术开发的安防视频监控解决方案，专为全球范围内不同品牌、协议及设备类型的监控产品设计。该平台提供了统一接入管理，支持标准的H5播放接口，使其他应用平台能够快速集成视频功能。无论开发环境、操作系统或…...
redis的Bitmap 、HyperLogLog、Geo相关命令和相关场景
Bitmap 相关命令： #SETBIT - 设置指定位置的比特值。SETBIT key offset value # 将 key 对应的 bitmap 中第 offset 位设置为 value（0 或 1）。#GETBIT - 获取指定位置的比特值。GETBIT key offset # 返回 key 对应 bitmap 的第 offset 位的…...
✅小程序申请+备案教程
##red## 🔴 大家好，我是雄雄，欢迎关注微信公众号，雄雄的小课堂。 零、注意事项 需要特别注意的是，如果公司主体的微信公众号已经交过300块钱的认证费了的话，注册小程序通过公众号来注册，可以免…...
Google Guava Cache简介
目录 简介和Redis的区别 简介 Google Guava 是一个开源的 Java 库，其中提供了一系列强大的工具来简化 Java 开发工作。其中，Guava Cache 组件提供了一个内存缓存的实现，可以显著提高应用程序的性能。这是一个高效且灵活的缓存解决方案&#…...
githup开了代理push不上去
你们好，我是金金金。 场景 git push出错 解决 cmd查看 git config --global http.proxy git config --global https.proxy 如果什么都没有，代表没设置全局代理，此时如果你开了代理，则执行如下，设置代理 git con…...
【python】保存列表、字典数据到本地文件，以txt、json和pickle为例
Python保存列表、字典数据到本地文件（txt, json, pickle） 在Python编程中，我们经常需要将数据（如列表、字典等）保存到本地文件，以便后续读取、分析或与其他系统交换数据。Python提供了多种格式来保存这些数…...
每日新闻掌握【2024年7月9日 星期二】
2024年7月9日 星期二 农历六月初四 大公司/大事件 上半年新注册登记的新能源汽车创历史新高 据公安部统计，上半年新注册登记新能源汽车439.7万辆，同比增长39.41%，创历史新高。新能源汽车新注册登记量占汽车新注册登记量的41.42%。截至6月底…...
数据结构——Trie
题目： 维护一个字符串集合，支持两种操作： I x 向集合中插入一个字符串 x𝑥；Q x 询问一个字符串在集合中出现了多少次。 共有 N𝑁 个操作，所有输入的字符串总长度不超过 10^5，字符串仅…...
前端根据目录生成模块化路由routes
根据约定大于配置的逻辑，如果目录结构约定俗成，前端是可以根据目录结构动态生成路由所需要的 route 结构的，这个过程是要在编译时 进行，生成需要的代码，保证运行时的代码正确即可 主流的打包工具都有对应的方法读取文…...
Blender新手入门笔记收容所（一）
基础篇 基础操作 视角的控制 控制观察视角：鼠标中键平移视图：Shift鼠标中键缩放视图：滚动鼠标中键滚轮 选中物体后：移动物体快捷键G，移动后单击鼠标就会定下来。 进入移动状态后：按Y会沿着Y轴移动进入移动…...
修改服务器挂载目录
由于我们的项目通常需要挂载一个大容量的数据盘来存储文件数据，所以我们每台服务器都需要一个默认的挂载目录来存放这些数据，但是由于我们的误操作，导致挂载目录名字建错了，这时候后端就读不到挂载目录了，那我们我们的…...
Linux+InternStudio 关卡
ssh连接 端口映射 本地...
如何提升美国Facebook直播的整体体验？
Facebook作为全球最大的社交媒体平台之一，提供了直播功能，用户可以实时分享生活、见解和创意。许多商家通过美国Facebook直播来获取更多客户，但直播时可能会遇到网络卡顿的问题，导致观看体验不佳。本文将探讨如何解决这个问题&…...
web个人网站设计毕业论文/深圳网络营销
sorted(iterable, *, keyNone, reverseFalse) 根据 iterable 中的项返回一个新的已排序列表。具有两个可选参数，它们都必须指定为关键字参数。key 指定带有单个参数的函数，用于从 iterable 的每个元素中提取用于比较的键 (例如 keystr.lower)。 默认值为…...
企业品牌网站建设注意事项/最新黑帽seo教程
在上一篇中，我们基本已经把整个框架都搭建出来了，下面进行代码重构一下。 思路： 导航按钮，按下时，会变灰，那是系统自带了，通过自定义UIButton,实现按下按钮立即切换效果。MJTabBarController管得…...
乡镇政府可以做网站认/刷排名seo
一、条件断点循环中经常用到这个技巧，比如：遍历1个大List的过程中，想让断点停在某个特定值。参考上图，在断点的位置，右击断点旁边的小红点，会出来一个界面，在Condition这里填入断点条件即可&…...
做老师一些好的网站/郑州网站制作推广公司
匿名函数用lambda定义只能用三元运算 python内置方法abs（）取绝对值all（可迭代对象）可迭代对象都为真，返回Trueany（可迭代对象）可迭代对象有一个为真，返回Truebin（&#x…...
wordpress myqaptcha/淘宝关键词工具
畅通工程续Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Description 某省自从实行了很多年的畅通工程计划后，终于修建了很多路。不过路多了也不好，每次要从一个城镇到另一个城镇时，都有许多种道路方案…...
教育培训的网站建设/软文是什么
作为一个从事.NET Web技术的开发人员，似乎没有什么理由可以不懂微软自己的AJAX框架，虽然它可能不太好用，或者用起来没有像jQuery这样的框架那么爽。我没有怎么用过UpdatePanel来做过复杂的东西，所以对于这个的优缺点就不予置评了。…...