釘釘前端開發


釘釘前端開發

釘釘一年半多,羅列一些常用的功能和網址,着重前端部分,畢竟前端開發哇。

希望有所幫助,有不足之處,希望指點下哈!

目前主要使用的是,第三方應用開發,大致感覺就是基於釘釘的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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM