本篇文章給大家談?wù)勧斸斝〕绦蜷_發(fā)工具，以及釘釘小程序開發(fā)文檔對應(yīng)的知識(shí)點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

如果把所有功能都打開，釘釘給老師的權(quán)力究竟有多大？

初步理解

先拋開釘釘官方推薦的NowaGUI開發(fā)工具，以及推薦saltUI樣式庫。大致理解如下。

那如果是不涉及到釘釘功能的常規(guī)H5頁面，由管理員配置后臺(tái)應(yīng)用，添加對應(yīng)鏈接即可。

如需要釘釘?shù)墓δ埽婕暗絘ccess_token （相當(dāng)于一個(gè)許可）進(jìn)行請求，具體如下，前端負(fù)責(zé)使用corpId 調(diào)用釘釘接口 將結(jié)果中的code返回 給后端 ，后端去請求，將獲取到的釘釘?shù)腶ccess_token等信息返回。

具體步驟

首先得有這個(gè)項(xiàng)目的開發(fā)權(quán)限，

其次需要管理員，后臺(tái)新建微應(yīng)用，可以看到這個(gè)應(yīng)用的 corpId

前端 要引入 釘釘官方的js文件

然后 通過一個(gè)釘釘?shù)恼埱?用corpid獲取code 將code發(fā)送給后端，由后端使用code獲取到釘釘方的數(shù)據(jù)

【注意】正常情況下access_token有效期為7200秒，有效期內(nèi)重復(fù)獲取返回相同結(jié)果，并自動(dòng)續(xù)期。

相關(guān)補(bǔ)充

釘釘官方開發(fā)文檔 獲取access_token

PS ：

步驟1 官網(wǎng)鏈接如下

步驟2 官網(wǎng)鏈接如下

步驟3 關(guān)于這個(gè)js說明 官網(wǎng)（）

釘釘功能調(diào)用

部分釘釘功能是不需要鑒權(quán)，不過也要完成上一步的引入，具體信息如

釘釘鑒權(quán)（）

如果是調(diào)用釘釘?shù)囊恍┕δ埽┤鏒ing，打開通訊錄，釘釘聊天等，在上述的基礎(chǔ)上還需要，做釘釘jsapi的鑒權(quán)操作。

釘釘官方Jsapi文檔

如何鑒權(quán)

鑒權(quán)操作需要在進(jìn)行調(diào)用功能之前執(zhí)行即可。

調(diào)用要求

鑒權(quán)成功與否

調(diào)用釘釘功能的接口的通用格式，如下官網(wǎng)圖（）

功能測試

釘釘功能 測試地址 ，就是那個(gè)鑒權(quán)里面的功能 ，，手機(jī)掃碼進(jìn)行查看，個(gè)別需要輸入特定參數(shù)，參數(shù)具體信息，

相關(guān)工具與資源

NowaGUI

Nowa 是一個(gè)跨終端的可視化的 web 開發(fā)工具，旨在幫助用戶部署環(huán)境，簡化項(xiàng)目的創(chuàng)建、構(gòu)建、開發(fā)以及調(diào)試流程。

內(nèi)置了一整套 webpack 構(gòu)建體系，提供了簡潔而強(qiáng)大的配置界面。

saltui

釘釘官方合作 高效、簡潔的移動(dòng)端UI組件庫

手機(jī)釘釘小程序開發(fā)者工具 以及如何調(diào)試 等

釘釘小程序(E應(yīng)用)開發(fā)踩坑

??a、在釘釘開發(fā)平臺(tái)創(chuàng)建小程序，并將自己的釘釘賬號(hào)設(shè)置為開發(fā)人員;

??b、在IDE中登錄，關(guān)聯(lián)應(yīng)用;

??c、上傳完成后，即可在釘釘開發(fā)平臺(tái)將上傳版本設(shè)置為體驗(yàn)版。

?? npm install lodash // 安裝第三方包

?? import lodash from 'lodash' // 載入第三方 npm 模塊

??注： 可能報(bào)錯(cuò) error:cannot read property 'prototype' of undefined;

??建議： import get from 'lodash/get' 單獨(dú)引入用到的工具類

??編譯失敗查看日志,通常是超過5M,是將根目錄下的debug.log一起編譯到項(xiàng)目中了，所以直接刪除這個(gè)debug.log就可以編譯通過了

??釘釘小程序E應(yīng)用在發(fā)版時(shí)會(huì)有一個(gè)老版本的緩存,每次發(fā)版后直接打開E應(yīng)用,其實(shí)訪問的是上一個(gè)版本的緩存,這個(gè)緩存會(huì)在發(fā)版后10分鐘左右自動(dòng)更新成最新版本,如果想要直接看到最新版本,可以退出釘釘?shù)卿涃~戶,并殺掉釘釘進(jìn)程,這樣再進(jìn)去后就是直接訪問的最新版本了.

企業(yè)應(yīng)用開發(fā)是用釘釘，還是微信小程序的前景更好

其實(shí)主要看你應(yīng)用場景。各有千秋。

個(gè)人偏向釘釘，比較成熟

釘釘小程序圖表庫AntV - F2 使用總結(jié)

對于圖表這塊的開發(fā)，使用一些流行的圖表庫可以大大提高我們的開發(fā)效率，目前較為流行的圖表庫大概有Echarts,Hcharts,AntV,他們都是大同小異，我印象比較深刻的是Hcharts是支持多坐標(biāo)軸的，Echarts好像是不支持的，但是對于小程序的選擇我們選擇的是阿里的AntV-f2，因?yàn)樗鞔_指出了適合小程序開發(fā)，而且AntV-f2除了不支持一些document，其他的大部分功能都是支持的，我們就沒有再考慮其他的庫，但是官方并沒有太多關(guān)于小程序的具體使用文檔，我們只能根據(jù)js的相關(guān)事例翻譯成小程序的語法。

釘釘小程序開發(fā)工具：

AntV - F2：

效果看著有點(diǎn)丑對不對......那我們就來實(shí)現(xiàn)一下設(shè)計(jì)師的效果圖吧！具體功能：1.默認(rèn)展示一個(gè)tooltip, 2.tooltip改變時(shí)展示對應(yīng)x軸的數(shù)據(jù)，3.自定義tooltip

我們自定義一個(gè)默認(rèn)的tooltip:, 就叫做def_item吧，當(dāng)圖表渲染完成設(shè)置def_item = {key: 100, value: 200},這里有個(gè)注意點(diǎn)，就是def_item的內(nèi)容不是隨便定義的，這里我們先不做多說，后面會(huì)說明這個(gè)def_item的key值時(shí)如何設(shè)置的。

通過查找tooltip的Api我們會(huì)發(fā)現(xiàn)它有3個(gè)事件的回調(diào)，在釘釘小程序中我們只能通過props來傳遞tooltip的回調(diào)

優(yōu)化后的效果

關(guān)于釘釘小程序開發(fā)工具和釘釘小程序開發(fā)文檔的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。