前端對接釘釘的步驟以及代碼

版權聲明：本文為博主原創文章，遵循 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