釘釘前端開發
釘釘一年半多,羅列一些常用的功能和網址,着重前端部分,畢竟前端開發哇。
希望有所幫助,有不足之處,希望指點下哈!
目前主要使用的是,第三方應用開發,大致感覺就是基於釘釘的H5頁面,在釘釘中打開。
初步理解
先拋開釘釘官方推薦的NowaGUI開發工具,以及推薦saltUI樣式庫。大致理解如下。
那如果是不涉及到釘釘功能的常規H5頁面,由管理員配置后台應用,添加對應鏈接即可。
如需要釘釘的功能,涉及到access_token (相當於一個許可)進行請求,具體如下,前端負責使用corpId 調用釘釘接口 將結果中的code返回 給后端 ,后端去請求,將獲取到的釘釘的access_token等信息返回。
具體步驟
首先得有這個項目的開發權限,
其次需要管理員,后台新建微應用,可以看到這個應用的 corpId
前端 要引入 釘釘官方的js文件<script src="https://g.alicdn.com/dingding/open-develop/1.5.3/dingtalk-ali.js"></script>
然后 通過一個釘釘的請求 用corpid獲取code 將code發送給后端,由后端使用code獲取到釘釘方的數據
【注意】正常情況下access_token有效期為7200秒,有效期內重復獲取返回相同結果,並自動續期。
相關補充
釘釘官方開發文檔 獲取access_token https://open-doc.dingtalk.com/microapp/serverapi2/eev437
PS :
步驟1 官網鏈接如下 https://open-doc.dingtalk.com/microapp/isv/ytudoa
步驟2 官網鏈接如下 https://open-doc.dingtalk.com/microapp/isv/oivs5z
步驟3 關於這個js說明 官網(https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark)
釘釘功能調用
部分釘釘功能是不需要鑒權,不過也要完成上一步的引入,具體信息如https://open-doc.dingtalk.com/microapp/dev/swk0bg
釘釘鑒權(https://open-doc.dingtalk.com/microapp/dev/uwa7vs)
如果是調用釘釘的一些功能,譬如Ding,打開通訊錄,釘釘聊天等,在上述的基礎上還需要,做釘釘jsapi的鑒權操作。
釘釘官方Jsapi文檔 https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark
如何鑒權
鑒權操作需要在進行調用功能之前執行即可。
調用要求
鑒權成功與否
調用釘釘功能的接口的通用格式,如下官網圖(https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark)
功能測試
釘釘功能 測試地址 ,就是那個鑒權里面的功能 ,https://wsdebug.dingtalk.com/,手機掃碼進行查看,個別需要輸入特定參數,參數具體信息,https://open-doc.dingtalk.com/microapp/dev/about
相關工具與資源
NowaGUI https://nowa-webpack.github.io/
Nowa 是一個跨終端的可視化的 web 開發工具,旨在幫助用戶部署環境,簡化項目的創建、構建、開發以及調試流程。
內置了一整套 webpack 構建體系,提供了簡潔而強大的配置界面。
saltui https://salt-ui.github.io/
釘釘官方合作 高效、簡潔的移動端UI組件庫
手機釘釘小程序開發者工具 以及如何調試 等 https://open-doc.dingtalk.com/microapp/kn6zg7
相關鏈接:
釘釘開發准備 https://open-doc.dingtalk.com/microapp/isv/ytudoa
釘釘微應用創建 https://open-doc.dingtalk.com/microapp/isv/oivs5z
釘釘開發文檔 獲取access_token https://open-doc.dingtalk.com/microapp/serverapi2/eev437
釘釘Jsapi文檔 https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark
釘釘工具與資源 https://open-doc.dingtalk.com/microapp/kn6zg7
釘釘小程序開發者工具 以及如何調試 等 https://open-doc.dingtalk.com/microapp/kn6zg7
釘釘功能是否需要鑒權 https://open-doc.dingtalk.com/microapp/dev/swk0bg
釘釘功能 測試地址 (就是那個鑒權里面的功能 )https://wsdebug.dingtalk.com/
釘釘鑒權參數說明 https://open-doc.dingtalk.com/microapp/dev/about
NowaGUI https://nowa-webpack.github.io/
saltui https://salt-ui.github.io/
————————————————
版權聲明:本文為CSDN博主「瑤11」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_40551876/article/details/96328597