首頁小程序開發(fā) 正文

釘釘小程序開發(fā)教程（釘釘小程序開發(fā)教程）

小程序開發(fā) 2023-04-05T13:21:08 4869

本篇文章給大家談?wù)勧斸斝〕绦蜷_發(fā)教程，以及釘釘小程序開發(fā)教程對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。本文目錄一覽： 1、如何開發(fā)小程序 2、

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

本文目錄一覽：

1、如何開發(fā)小程序
2、怎樣在釘釘群里設(shè)置比賽小程序
3、釘釘小程序(E應(yīng)用)開發(fā)踩坑
4、釘釘小程序圖表庫AntV - F2 使用總結(jié)
5、釘釘群怎么發(fā)電子版小程序

如何開發(fā)小程序

開發(fā)小程序的步驟如下：

?1. 注冊開發(fā)者賬號：在微信公眾平臺或支付寶開放平臺注冊開發(fā)者賬號。

2. 下載開發(fā)工具或使用第三方小程序搭建平臺：微信小程序需要使用微信開發(fā)者工具，支付寶小程序需要使用支付寶小程序開發(fā)者工具。

?3. 創(chuàng)建小程序項目：在開發(fā)工具中創(chuàng)建小程序項目，填寫小程序名稱、AppID等信息。

?4. 設(shè)計小程序界面：使用設(shè)計工具進行小程序界面設(shè)計，如Sketch、Adobe XD等。

?5. 編寫小程序代碼：使用JavaScript或TypeScript編寫小程序代碼，實現(xiàn)小程序的功能。

?6. 調(diào)試和測試：在開發(fā)工具中進行調(diào)試和測試，確保小程序的功能正常。

?7. 提交審核：將小程序提交審核，等待審核通過后發(fā)布上線。

?8. 發(fā)布上線：審核通過后，將小程序發(fā)布上線，供用戶使用。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

使用編程開發(fā)小程序需要有一定的編程經(jīng)驗和開發(fā)經(jīng)驗，熟悉前端開發(fā)技術(shù)和框架，如HTML、CSS、Vue.js等，如果沒有代碼經(jīng)驗，可以選擇第三方無代碼小程序平臺。

釘釘小程序開發(fā)教程（釘釘小程序開發(fā)教程）

怎樣在釘釘群里設(shè)置比賽小程序

在釘釘發(fā)現(xiàn)頁面使用

釘釘小程序使用方法：

1、將釘釘打開，點擊【發(fā)現(xiàn)】選項。

2、然后在進入的界面，點擊【更多】選項。

3、然后在更多界面，點擊【小程序】選項。

釘釘是一款專為企業(yè)辦公開發(fā)的平臺，在釘釘中用戶可以體驗到機具智能的辦公體驗哦，而且釘釘在辦公服務(wù)，以及相關(guān)的智能辦公服務(wù)，郵件管理功能都是很不錯的哦，需要辦公的用戶快來下載吧。釘釘，是阿里巴巴集團專為企業(yè)打造的一個工作商務(wù)溝通、協(xié)同、智能移動辦公平臺，幫助數(shù)千萬企業(yè)降低溝通、協(xié)同、管理成本，提升辦公效率，實現(xiàn)數(shù)字化新工作方式。

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

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

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

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

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

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

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

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

AntV - F2：

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

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

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

優(yōu)化后的效果