首頁(yè) 小程序開(kāi)發(fā) 正文

釘釘內(nèi)小程序開(kāi)發(fā)（釘釘小程序開(kāi)發(fā)）

小程序開(kāi)發(fā) 2023-02-01T18:09:51 19453

本篇文章給大家談?wù)勧斸攦?nèi)小程序開(kāi)發(fā)，以及釘釘小程序開(kāi)發(fā)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。本文目錄一覽： 1、釘釘小程序開(kāi)發(fā)是否需要適配不同型號(hào)的手機(jī)

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

釘釘小程序開(kāi)發(fā)是否需要適配不同型號(hào)的手機(jī)

是。釘釘小程序開(kāi)發(fā)是需要適配不同型號(hào)的手機(jī)的。小程序是一種全新的開(kāi)發(fā)模式，讓移動(dòng)開(kāi)發(fā)者通過(guò)簡(jiǎn)捷的前端語(yǔ)法寫(xiě)出Native級(jí)別的性能體驗(yàn)，支持iOS、安卓、等多端部署。

釘釘內(nèi)小程序開(kāi)發(fā)（釘釘小程序開(kāi)發(fā)）

釘釘小程序有幾種開(kāi)發(fā)語(yǔ)言

非Go 語(yǔ)言的程序員xff0c;尤其是那些習(xí)慣于 C 風(fēng)格語(yǔ)法的程序員xff0c;就可以閱讀 Go 程序代碼xff0c;并且能夠理解發(fā)生什么事

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

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

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

AntV - F2：

效果看著有點(diǎn)丑對(duì)不對(duì)......那我們就來(lái)實(shí)現(xiàn)一下設(shè)計(jì)師的效果圖吧！具體功能：1.默認(rèn)展示一個(gè)tooltip, 2.tooltip改變時(shí)展示對(duì)應(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)容不是隨便定義的，這里我們先不做多說(shuō)，后面會(huì)說(shuō)明這個(gè)def_item的key值時(shí)如何設(shè)置的。

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

優(yōu)化后的效果

企業(yè)內(nèi)部應(yīng)用如何開(kāi)發(fā)？

釘釘上的企業(yè)或組織可以基于釘釘?shù)拈_(kāi)放能力，自主開(kāi)發(fā)，供企業(yè)或組織內(nèi)部使用，以滿足辦公場(chǎng)景中的個(gè)性化需求。更多詳情可以點(diǎn)擊此處查看。企業(yè)內(nèi)部開(kāi)發(fā)是指基于釘釘?shù)拈_(kāi)放能力，“開(kāi)發(fā)企業(yè)內(nèi)部應(yīng)用”供企業(yè)內(nèi)部的人員使用。企業(yè)可以選擇由企業(yè)內(nèi)部的開(kāi)發(fā)者進(jìn)行開(kāi)發(fā)，或者由企業(yè)授權(quán)定制服務(wù)商進(jìn)行開(kāi)發(fā)。更多詳情可以點(diǎn)擊此處查看。企業(yè)內(nèi)部開(kāi)發(fā)流程企業(yè)內(nèi)部應(yīng)用在釘釘移動(dòng)端或者PC端工作臺(tái)可見(jiàn)，一般需要以下幾個(gè)步驟：（1）首先在開(kāi)發(fā)者后臺(tái)創(chuàng)建企業(yè)內(nèi)部應(yīng)用，詳細(xì)見(jiàn)下面內(nèi)容。需要先確認(rèn)以下2個(gè)問(wèn)題：a.開(kāi)發(fā)的應(yīng)用是H5微應(yīng)用還是小程序;b.確認(rèn)是企業(yè)自主開(kāi)發(fā)還是授權(quán)給定制服務(wù)商開(kāi)發(fā)。（2）創(chuàng)建應(yīng)用后，使用釘釘開(kāi)放平臺(tái)提供的服務(wù)端API和前端API，按產(chǎn)品需求使用接入。（3）開(kāi)發(fā)后，在開(kāi)發(fā)者后臺(tái)設(shè)置可見(jiàn)范圍(設(shè)置哪些用戶可使用)，并發(fā)布；在可見(jiàn)范圍內(nèi)的員工可正常使用該應(yīng)用1. 確認(rèn)開(kāi)發(fā)類型等1.1 確認(rèn)開(kāi)發(fā)的企業(yè)內(nèi)部應(yīng)用是H5微應(yīng)用還是小程序開(kāi)發(fā)？釘釘開(kāi)放平臺(tái)支持支持H5微應(yīng)用開(kāi)發(fā)以及小程序開(kāi)發(fā)，企業(yè)內(nèi)部應(yīng)用也支持。H5微應(yīng)用以及小程序在以下方面存在不同：釘釘開(kāi)放平臺(tái)支持小程序和H5微應(yīng)用兩種類型的應(yīng)用開(kāi)發(fā)。小程序是一種全新的開(kāi)發(fā)模式，讓開(kāi)發(fā)者通過(guò)簡(jiǎn)潔的前端語(yǔ)法寫(xiě)出Native級(jí)別的性能體驗(yàn)，并支持iOS、Android等多端部署。小程序暫不支持PC端部署，如果應(yīng)用必須要在PC端上使用，可暫時(shí)使用H5微應(yīng)用開(kāi)發(fā)方式。微應(yīng)用是指用H5方式開(kāi)發(fā)的應(yīng)用。小程序和H5微應(yīng)用的對(duì)比小程序H5微應(yīng)用加載性能首次使用略慢，后續(xù)加載快受到很多因素影響，優(yōu)化不夠好，容易慢使用體驗(yàn)非常順滑，接近 Native容易卡頓頁(yè)面跳轉(zhuǎn)，返回和 Native 的效果一樣做不到和 Native 一樣的體驗(yàn)開(kāi)發(fā)環(huán)境搭建提供 IDE，快速創(chuàng)建項(xiàng)目成本高調(diào)試提供 IDE，可以在電腦上調(diào)試大部分功能在電腦上只能調(diào) UI，涉及到釘釘?shù)?jsapi，必須真機(jī)調(diào)試使用開(kāi)源 UI 組件目前不支持支持使用 npm 包支持支持模塊化組織代碼支持小程序特有的模塊化使用 vue, React 等框架可以輕松獲得模塊化支持灰度發(fā)布釘釘提供需要自己實(shí)現(xiàn)CDN小程序包默認(rèn)在 CDN需要開(kāi)發(fā)者自己購(gòu)買(mǎi)相關(guān)服務(wù)開(kāi)發(fā)個(gè)人應(yīng)用支持不支持應(yīng)用離線化支持不支持1.2 企業(yè)內(nèi)部開(kāi)發(fā)不同接入方式，確認(rèn)是企業(yè)自主開(kāi)發(fā)應(yīng)用還是授權(quán)給定制服務(wù)商開(kāi)發(fā)？企業(yè)內(nèi)部已有的系統(tǒng)，比如財(cái)務(wù)系統(tǒng)、薪酬系統(tǒng)等可以通過(guò)釘釘開(kāi)放平臺(tái)提供的豐富的API能力，接入到釘釘中。按時(shí)創(chuàng)建應(yīng)用時(shí)，是否是企業(yè)內(nèi)部自主開(kāi)發(fā)，分為以下2種：2.1 由企業(yè)內(nèi)部的開(kāi)發(fā)者進(jìn)行開(kāi)發(fā)企業(yè)內(nèi)部應(yīng)用支持H5微應(yīng)用和小程序開(kāi)發(fā)，按照前端不同開(kāi)發(fā)框架，分為（1）企業(yè)內(nèi)部自主開(kāi)發(fā)H5微應(yīng)用，創(chuàng)建及開(kāi)發(fā)應(yīng)用可詳細(xì)見(jiàn)文檔（2）企業(yè)內(nèi)部自主開(kāi)發(fā)小程序，創(chuàng)建及開(kāi)發(fā)應(yīng)用可詳細(xì)見(jiàn)文檔2.2 授權(quán)給定制服務(wù)商，由定制服務(wù)商為本企業(yè)開(kāi)發(fā)企業(yè)內(nèi)部應(yīng)用授權(quán)給定制服務(wù)商開(kāi)發(fā)企業(yè)內(nèi)部應(yīng)用，也支持H5微應(yīng)用和小程序開(kāi)發(fā)，按照前端不同開(kāi)發(fā)框架，分為（1）定制服務(wù)商開(kāi)發(fā)H5微應(yīng)用，創(chuàng)建及開(kāi)發(fā)應(yīng)用可詳細(xì)見(jiàn)文檔（2）定制服務(wù)商開(kāi)發(fā)小程序，創(chuàng)建及開(kāi)發(fā)應(yīng)用可詳細(xì)見(jiàn)文檔2.企業(yè)內(nèi)部應(yīng)用開(kāi)放的能力（1）服務(wù)端API提供了通訊錄、消息通知、智能工作流等，可查看服務(wù)端接口能力。部分接口需要申請(qǐng)權(quán)限，可以參考文檔詳細(xì)介紹進(jìn)行申請(qǐng)（2）前端API提供了選擇日期、選人和部門(mén)、釘盤(pán)、發(fā)釘?shù)華PI，可查看前端API總覽，按需選擇API接口使用3.企業(yè)內(nèi)部系統(tǒng)接入釘釘后，查看應(yīng)用接入釘釘后，可以在釘釘移動(dòng)端或者PC端的工作臺(tái)，打開(kāi)應(yīng)用直接使用。注意：需要在應(yīng)用里面填寫(xiě)PC端首頁(yè)地址，釘釘PC端才可以展示應(yīng)用的，詳見(jiàn)文檔。PC端應(yīng)用展示如下圖所示：

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

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

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

??c、上傳完成后，即可在釘釘開(kāi)發(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ú)引入用到的工具類

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

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