一、創(chuàng)建H5微應(yīng)用/小程序
1.1、創(chuàng)建微應(yīng)用
- 登錄釘釘開發(fā)者后臺(tái): 釘釘開發(fā)者后臺(tái)
- 創(chuàng)建H5微應(yīng)用：應(yīng)用開發(fā)-企也內(nèi)部-釘釘應(yīng)用-創(chuàng)建應(yīng)用
- 填寫應(yīng)用名稱和應(yīng)用描述
1.2 查看配置信息
1.3 配置服務(wù)器出口IP和應(yīng)用首頁地址
二、免登實(shí)現(xiàn)（小程序、H5均可用）
2.1 安裝釘釘API
在終端輸入安裝命令：
- npm安裝：
npm i dingtalk-jsapi
- yarn安裝：
yarn add dingtalk-jsapi
2.3 引入API
在項(xiàng)目所需要文件中引入
import * as dd from 'dingtalk-jsapi'
2.4 檢查當(dāng)前環(huán)境是否在釘釘內(nèi)
通過dd.env.platform檢查當(dāng)前是否在釘釘環(huán)境下，若是則進(jìn)行下一步操作。
if (dd.env.platform != "notInDingTalk") {
//在釘釘環(huán)境內(nèi)部
}
2.5 獲取微應(yīng)用免登授權(quán)碼
調(diào)用runtime.permission.requestAuthCode不需要進(jìn)行鑒權(quán)，即不需要進(jìn)行dd.config。獲取的免登授權(quán)碼有效期5分鐘，且只能使用一次。
dd.ready(function() {
dd.runtime.permission.requestAuthCode({
corpId: '企業(yè)的corpid',
onSuccess: function(info) {
//通過獲取的免登授權(quán)碼后請求后臺(tái)接口獲取token登錄應(yīng)用，并將token存入緩存
},
onFail: function(err) {
uni.showToast({
title: "釘釘獲取免登授權(quán)碼錯(cuò)誤，請稍后重試！",
icon: 'none',
mask: true
})
}
});
})
三、小程序發(fā)布
3.1 配置小程序AppID
登錄釘釘開發(fā)者后臺(tái)，復(fù)制小程序的【MiniAppId】，點(diǎn)擊項(xiàng)目下的【manifest.json】，找到【支付寶小程序配置】，將剛才復(fù)制的MiniAppId填入【支付寶小程序AppID】中。
文章來源：http://www.zghlxwxcb.cn/news/detail-498025.html
3.2 運(yùn)行并發(fā)布上傳代碼
先在在package.json的dependencies之前添加如下代碼，然后點(diǎn)擊【運(yùn)行】-【釘釘小程序】，通過【小程序開發(fā)者工具】進(jìn)行預(yù)覽和代碼的上傳。文章來源地址http://www.zghlxwxcb.cn/news/detail-498025.html
"uni-app": {
"scripts": {
"mp-dingtalk": {
"title": "釘釘小程序",
"env": {
"UNI_PLATFORM": "mp-alipay"
},
"define": {
"MP-DINGTALK": true
}
}
}
}
到了這里，關(guān)于【釘釘免登錄】使用dingtalk-jsapi將H5/小程序集成到釘釘，實(shí)現(xiàn)單點(diǎn)登錄，H5/小程序免登的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
