前端对接钉钉的步骤以及代码
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43606158/article/details/97784807
对接钉钉的步骤:
第一步首先项目安装dd
$ cnpm install dingtalk-jsapi --save
第二步项目中所需要的文件中引入dd
import React, { Component } from 'react'; import * as dd from 'dingtalk-jsapi'; //全部引入,也可以局部引入 export default class DDLogin extends Component { componentDidMount() { const outThis = this; dd.ready(() => { dd.runtime.permission.requestAuthCode({ corpId: 'xxxxxxx', //后端给提供的企业id,这里是固定写死的,也可以发请求获取过来。 onSuccess(result) { //如果上面的corpId和其他的情况都没出错就会走onSuccess const { code } = result; outThis.determineIfLoginIsRequired(code); //注意this的指向。这里指向你要进行的操作函数。 }, onFail(err) { //如果出错了就会走onFail,在这里alert出问题原因。 alert('fail'); alert(JSON.stringify(err)); }, }); }); }// 你要进行的操作函数 determineIfLoginIsRequired = (code) => { // your code。。。 }render() { return ( <div style={{ textAlign: 'center', lineHeight: '100vh' }}> 钉钉登录页面 </div> ); } }
对接钉钉最大的问题就是前端调试起来不方便,需要后端的反复部署,下面是解决办法的链接:
https://blog.csdn.net/weixin_43606158/article/details/97632401
转载于:https://www.cnblogs.com/plBlog/p/11431108.html
前端对接钉钉的步骤以及代码相关推荐
- 钉钉统一身份认证对接前后端代码
1. 钉钉统一身份认证平台的对接方式 钉钉统一身份认证平台提供了多种对接方式,包括OAuth2.0.SAML.CAS等,其中OAuth2.0是最常用的一种方式.OAuth2.0的对接流程如下: 1.开 ...
- 钉钉api 获取 accesstoken_低代码快速对接钉钉日程
上周帮客户做的CRM项目里,做了一个日程表的功能,主要用于展示销售员每天的日程安排(todo),每项记录都会关联一个需要跟进的客户,但是并没有提醒功能,用户每次都需要登录系统确认今天是否有日程安排,要 ...
- 对接钉钉审批_低代码对接钉钉创建外部联系人
上次做的CRM对接了钉钉的报价审批功能,客户反映发起审批时每次都要填写完整的客户名称,还不能填错,还是不太方便,希望在钉钉上也能选择到白码系统中已有的客户数据. 白码--无代码 | 低代码软件开发w ...
- 专有钉钉 浙政钉 前端 对接流程(小程序)
主要开发流程 本公司专有钉钉开发平台账号(公司钉钉超管注册 给开发人员权限) 超管按照文档给予开发人员权限 创建项目 下载开发工具 配置专有钉钉开发环境 免登录(用户不用输入账号密码直接登录) 根据业 ...
- 阿里前端、钉钉宜搭联合出品 LowCodeEngine低代码引擎已开源(内附低代码引擎技术白皮书下载)
作者:絮黎 一.低代码引擎是什么? 低代码引擎是一款为低代码平台开发者提供的,具备强大扩展能力的低代码研发框架. 低代码引擎由阿里巴巴前端委员会.钉钉宜搭联合出品.使用者只需要基于低代码引擎便可以快速 ...
- 晨风机器人对接php_php封装实现钉钉机器人报警接口的示例代码
本文主要讲述的是如何通过签名方式实现钉钉机器人报警的功能: 1.关于签名的生成:/** * 签名实现 */ list($s1, $s2) = explode(' ', microtime()); $t ...
- Java对接钉钉开发第三方H5微应用详细教程
文章转载自:钉钉开发第三方H5微应用入门详细教程[ISV][免登流程][授权码][HTTP回调推送][识别用户身份][获取用户信息] - 世间草木 - 博客园 (by lnexin@aliyun.co ...
- 钉钉微应用的开发——主前端
经济基础决定上层建筑. 开发环境 Chrome Latest Version iOS钉钉最新版.Android钉钉开发最新版 其实我一直想实现电脑Chrome可以调试手机内部APP,苦于尝试多次没有成 ...
- JeecgBoot低代码平台 2.4.5 版本发布,钉钉与企业微信集成版本
项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shi ...
- python项目对接钉钉SDK
钉钉SDK 对接sdk还是遇到不少问题的 文章目录 钉钉SDK 一. 第三方web网站扫码登录 1. 流程 二. 加解密 1.注册事件 三. 调试 钉钉python版SDK文档地址: https:// ...
最新文章
- 安装Oracle11g先决条件检查失败
- Android之ListView优化
- java如何解决跨站点请求伪造_AppScan漏洞扫描之-跨站点请求伪造
- 游戏编程设计模式——Game Loop
- 【Xamarin开发 Android 系列 12】 创建一个Json读取数据应用-添加定位服务
- 混合云模式下 MaxCompute + Hadoop 混搭大数据架构实践
- Spring Cloud Config 规范
- Linux awk命令使用方法
- uniapp动态显示数组_【报Bug】uniapp 在小程序中 动态修改添加 数组 数据 ,点击获取的索引值错误...
- 接口自动化测试框架搭建(4、公用方法之url的拼接)--python+HTMLTestRunnerCN+request+unittest+mock+db
- python文本聚类dbscan_文本挖掘之文本聚类(DBSCAN)
- android云新消息接收者全局,消息推送之百度云推送Android集成与用法(示例代码)...
- 人工智能机器学习数据挖掘重要会议日期
- 个人游戏经历及游戏体验(解谜向)
- Android文件或文件夹压缩成.zip格式的压缩包
- python 绘制正弦余弦函数 matplotlib的基本使用
- Alarmmanager制作简单闹钟功能
- VLDB 2010 论文写作和格式 format 投稿
- 水平凡 创建新的插件
- ACP相比AWS哪个更具有优势