釘釘小程序開發文檔(釘釘 小程序)
本篇文章給大家談談釘釘小程序開發文檔,以及釘釘 小程序對應的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
如果把所有功能都打開,釘釘給老師的權力究竟有多大?
初步理解
先拋開釘釘官方推薦的NowaGUI開發工具,以及推薦saltUI樣式庫。大致理解如下。
那如果是不涉及到釘釘功能的常規H5頁面,由管理員配置后臺應用,添加對應鏈接即可。
如需要釘釘的功能,涉及到access_token (相當于一個許可)進行請求,具體如下,前端負責使用corpId 調用釘釘接口 將結果中的code返回 給后端 ,后端去請求,將獲取到的釘釘的access_token等信息返回。
具體步驟
首先得有這個項目的開發權限,
其次需要管理員,后臺新建微應用,可以看到這個應用的 corpId
前端 要引入 釘釘官方的js文件
然后 通過一個釘釘的請求 用corpid獲取code 將code發送給后端,由后端使用code獲取到釘釘方的數據
【注意】正常情況下access_token有效期為7200秒,有效期內重復獲取返回相同結果,并自動續期。
相關補充
釘釘官方開發文檔 獲取access_token
PS :
步驟1 官網鏈接如下
步驟2 官網鏈接如下
步驟3 關于這個js說明 官網()
釘釘功能調用
部分釘釘功能是不需要鑒權,不過也要完成上一步的引入,具體信息如
釘釘鑒權()
如果是調用釘釘的一些功能,譬如Ding,打開通訊錄,釘釘聊天等,在上述的基礎上還需要,做釘釘jsapi的鑒權操作。
釘釘官方Jsapi文檔
如何鑒權
鑒權操作需要在進行調用功能之前執行即可。
調用要求
鑒權成功與否
調用釘釘功能的接口的通用格式,如下官網圖()
功能測試
釘釘功能 測試地址 ,就是那個鑒權里面的功能 ,,手機掃碼進行查看,個別需要輸入特定參數,參數具體信息,
相關工具與資源
NowaGUI
Nowa 是一個跨終端的可視化的 web 開發工具,旨在幫助用戶部署環境,簡化項目的創建、構建、開發以及調試流程。
內置了一整套 webpack 構建體系,提供了簡潔而強大的配置界面。
saltui
釘釘官方合作 高效、簡潔的移動端UI組件庫
手機釘釘小程序開發者工具 以及如何調試 等
釘釘小程序(E應用)開發踩坑
??a、在釘釘開發平臺創建小程序,并將自己的釘釘賬號設置為開發人員;
??b、在IDE中登錄,關聯應用;
??c、上傳完成后,即可在釘釘開發平臺將上傳版本設置為體驗版。
?? npm install lodash // 安裝第三方包
?? import lodash from 'lodash' // 載入第三方 npm 模塊
??注: 可能報錯 error:cannot read property 'prototype' of undefined;
??建議: import get from 'lodash/get' 單獨引入用到的工具類
??編譯失敗查看日志,通常是超過5M,是將根目錄下的debug.log一起編譯到項目中了,所以直接刪除這個debug.log就可以編譯通過了
??釘釘小程序E應用在發版時會有一個老版本的緩存,每次發版后直接打開E應用,其實訪問的是上一個版本的緩存,這個緩存會在發版后10分鐘左右自動更新成最新版本,如果想要直接看到最新版本,可以退出釘釘登錄賬戶,并殺掉釘釘進程,這樣再進去后就是直接訪問的最新版本了.
如何制作釘釘答題小程序
1、首先,打開vs編程軟件,在左上角新建文件。
2、其次,在網絡上找個代碼模板,按照自己的需求進行修改。
3、最后,即可完成釘釘答題小程序的開發。
釘釘小程序圖表庫AntV - F2 使用總結
對于圖表這塊的開發,使用一些流行的圖表庫可以大大提高我們的開發效率,目前較為流行的圖表庫大概有Echarts,Hcharts,AntV,他們都是大同小異,我印象比較深刻的是Hcharts是支持多坐標軸的,Echarts好像是不支持的,但是對于小程序的選擇我們選擇的是阿里的AntV-f2,因為他明確指出了適合小程序開發,而且AntV-f2除了不支持一些document,其他的大部分功能都是支持的,我們就沒有再考慮其他的庫,但是官方并沒有太多關于小程序的具體使用文檔,我們只能根據js的相關事例翻譯成小程序的語法。
釘釘小程序開發工具:
AntV - F2:
效果看著有點丑對不對......那我們就來實現一下設計師的效果圖吧!具體功能:1.默認展示一個tooltip, 2.tooltip改變時展示對應x軸的數據,3.自定義tooltip
我們自定義一個默認的tooltip:, 就叫做def_item吧,當圖表渲染完成設置def_item = {key: 100, value: 200},這里有個注意點,就是def_item的內容不是隨便定義的,這里我們先不做多說,后面會說明這個def_item的key值時如何設置的。
通過查找tooltip的Api我們會發現它有3個事件的回調,在釘釘小程序中我們只能通過props來傳遞tooltip的回調
優化后的效果
釘釘小程序開發文檔的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于釘釘 小程序、釘釘小程序開發文檔的信息別忘了在本站進行查找喔。