本書(shū)是釘釘官方技術(shù)團(tuán)隊(duì)聚力編寫的釘釘小程序開(kāi)發(fā)教程,內(nèi)容權(quán)威、全面、系統(tǒng)。眾所周知,數(shù)字化轉(zhuǎn)型已經(jīng)成為全球企業(yè)的重要戰(zhàn)略,越來(lái)越多的企業(yè)已認(rèn)同數(shù)字化轉(zhuǎn)型是大勢(shì)所趨。本書(shū)為數(shù)字化轉(zhuǎn)型落地提供了可行的技術(shù)支撐。利用釘釘小程序開(kāi)發(fā)的應(yīng)用,被匯聚在應(yīng)用市場(chǎng)中,可以服務(wù)于個(gè)人和企業(yè),更好地幫助企業(yè)進(jìn)行數(shù)字化轉(zhuǎn)型。
本書(shū)從釘釘小程序的技術(shù)原理出發(fā),細(xì)致且全面地對(duì)釘釘小程序的開(kāi)發(fā)內(nèi)容進(jìn)行介紹,由淺入深地引領(lǐng)開(kāi)發(fā)者了解釘釘小程序的開(kāi)發(fā)工具、組件、JSAPI等,并提供了釘釘小程序?qū)崙?zhàn)案例,詳細(xì)介紹了從成為一名釘釘開(kāi)發(fā)者到小程序應(yīng)用上架的每一步流程。
本書(shū)適合有一定前端基礎(chǔ)的開(kāi)發(fā)者使用,如果有其他小程序開(kāi)發(fā)經(jīng)驗(yàn),則能更快地接受和理解本書(shū)內(nèi)容,因?yàn)樗鼈冊(cè)谝恍┗靖拍詈偷讓蛹夹g(shù)上是共通的。本書(shū)可以作為釘釘小程序的入門學(xué)習(xí)指南,也可以作為API速查工具書(shū)。
1.本書(shū)是釘釘官方技術(shù)團(tuán)隊(duì)聚力編寫的釘釘小程序開(kāi)發(fā)教程,內(nèi)容權(quán)威、全面、系統(tǒng)。
2.眾所周知,數(shù)字化轉(zhuǎn)型已經(jīng)成為全球企業(yè)的重要戰(zhàn)略,越來(lái)越多的企業(yè)已認(rèn)同數(shù)字化轉(zhuǎn)型是大勢(shì)所趨。本書(shū)為數(shù)字化轉(zhuǎn)型落地提供了可行的技術(shù)支撐。利用釘釘小程序開(kāi)發(fā)的應(yīng)用,助力企業(yè)實(shí)現(xiàn)組織數(shù)字化和業(yè)務(wù)數(shù)字化。
本書(shū)適合有一定前端基礎(chǔ)的開(kāi)發(fā)者使用,如果有其他小程序開(kāi)發(fā)經(jīng)驗(yàn),則能更快地接受和理解本書(shū)內(nèi)容,因?yàn)樗鼈冊(cè)谝恍┗靖拍詈偷讓蛹夹g(shù)上是共通的。本書(shū)可以作為釘釘小程序的入門學(xué)習(xí)指南,也可以作為API 速查工具書(shū)。
近20年,互聯(lián)網(wǎng)發(fā)展的主要核心是消費(fèi)互聯(lián)網(wǎng)的發(fā)展。當(dāng)前消費(fèi)互聯(lián)網(wǎng)格局已定,產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代正開(kāi)始啟動(dòng)。移動(dòng)互聯(lián)網(wǎng)促進(jìn)了網(wǎng)絡(luò)的快速普及,虛擬化進(jìn)程從個(gè)人延伸到企業(yè),企業(yè)成為互聯(lián)網(wǎng)的核心參與者之一。行業(yè)縱深領(lǐng)域經(jīng)驗(yàn)、渠道、網(wǎng)絡(luò)、2B產(chǎn)品認(rèn)知等壁壘是產(chǎn)業(yè)互聯(lián)網(wǎng)的核心價(jià)值所在,所以產(chǎn)業(yè)互聯(lián)網(wǎng)的春天已經(jīng)來(lái)臨。未來(lái)產(chǎn)業(yè)互聯(lián)網(wǎng)將影響信息、交易、定價(jià)、流通等企業(yè)全鏈路數(shù)字化,而產(chǎn)業(yè)鏈在互聯(lián)網(wǎng)化過(guò)程中能否有效把控和使用這些資源,關(guān)系到一國(guó)的核心競(jìng)爭(zhēng)實(shí)力和國(guó)家安全,同時(shí)產(chǎn)業(yè)互聯(lián)網(wǎng)也是我國(guó)經(jīng)濟(jì)轉(zhuǎn)型升級(jí)的助推器。
2020年突發(fā)的新冠肺炎疫情,對(duì)我國(guó)經(jīng)濟(jì)、社會(huì)等多方面的“數(shù)字化轉(zhuǎn)型”起著巨大的推動(dòng)作用。數(shù)字化的技術(shù)、管理、文化、理念等被廣泛應(yīng)用到疫情防控(健康碼等)、貿(mào)易、金融、教育、行政管理,以及農(nóng)業(yè)、工業(yè)、服務(wù)業(yè)等多個(gè)方面。
釘釘小程序希望可以成為幫助企業(yè)數(shù)字化轉(zhuǎn)型的基礎(chǔ)產(chǎn)品設(shè)施之一,助力企業(yè)實(shí)現(xiàn)組織數(shù)字化和業(yè)務(wù)數(shù)字化。在疫情期間,釘釘小程序有效助力企業(yè)員工在家辦公(在線會(huì)議、協(xié)同辦公等功能)、學(xué)生在線上課、企事業(yè)單位復(fù)工復(fù)產(chǎn)等。
在2021年10月13日的未來(lái)組織大會(huì)上,釘釘總裁不窮講到釘釘提供了業(yè)務(wù)數(shù)字化的五字訣:選、搭、建、連、跨。釘釘在應(yīng)用市場(chǎng)提供了上千款精選的SaaS應(yīng)用,同時(shí)提供了應(yīng)用聚合平臺(tái)(釘釘搭),該平臺(tái)已包含八大低代碼合作伙伴、六百套精品模板,企業(yè)可定制修改,建立符合自己的業(yè)務(wù)數(shù)字化系統(tǒng)。釘釘可以連接平臺(tái),可以讓業(yè)務(wù)系統(tǒng)CRM與財(cái)務(wù)系統(tǒng)進(jìn)行連接,還可以讓用戶的CRM更好地與釘釘平臺(tái)的基礎(chǔ)底座能力進(jìn)行連接,比如權(quán)限系統(tǒng)、認(rèn)證系統(tǒng)等。釘釘也提供了非常豐富的場(chǎng)景,將這些業(yè)務(wù)應(yīng)用放入場(chǎng)景,讓用戶在工作溝通的過(guò)程中就可以完成一個(gè)業(yè)務(wù)。釘釘還提供了工作臺(tái)、群、服務(wù)窗、互動(dòng)卡片等各種形式,幫助企業(yè)快速地將業(yè)務(wù)應(yīng)用連接到釘釘,同時(shí)讓這些業(yè)務(wù)應(yīng)用之間能快速地連接。
釘釘小程序就是幫助企業(yè)在釘釘上可以快速開(kāi)發(fā)和承載上述應(yīng)用和系統(tǒng)的技術(shù)。本書(shū)將帶領(lǐng)讀者從認(rèn)識(shí)—上手—開(kāi)發(fā)—使用這幾個(gè)階段由淺入深地了解釘釘小程序誕生的全生命周期,以及介紹如何使用釘釘小程序技術(shù)從無(wú)到有開(kāi)發(fā)一款具備數(shù)字化能力的應(yīng)用。本書(shū)從釘釘小程序基礎(chǔ)組件、JSAPI到實(shí)戰(zhàn)開(kāi)發(fā),提供了非常詳細(xì)且完整的設(shè)計(jì)規(guī)范。除此之外,還用具體案例和豐富的示例代碼幫助讀者將本書(shū)的知識(shí)點(diǎn)更好地融會(huì)貫通到具體實(shí)戰(zhàn)中,以便讀者更快地掌握釘釘小程序開(kāi)發(fā)技能,進(jìn)而更好地服務(wù)個(gè)人和企業(yè),幫助更多的企業(yè)實(shí)現(xiàn)兩個(gè)數(shù)字化。
陳岳陽(yáng)(九穆)
阿里巴巴資深技術(shù)專家
釘釘開(kāi)放平臺(tái)技術(shù)負(fù)責(zé)人
浙江大學(xué)在讀博士
楊 鶴
阿里云智能釘釘事業(yè)部技術(shù)文檔專家。十年技術(shù)文檔寫作經(jīng)驗(yàn),曾負(fù)責(zé)阿里云云計(jì)算網(wǎng)絡(luò)產(chǎn)品的全生命周期文檔管理與開(kāi)發(fā),設(shè)計(jì)了API文檔自動(dòng)化流程。專注于開(kāi)發(fā)者文檔的探索和運(yùn)營(yíng),構(gòu)建開(kāi)發(fā)者教程文檔體系。
許 濤
云智能釘釘事業(yè)部前端技術(shù)專家,目前在釘釘開(kāi)放平臺(tái)負(fù)責(zé)開(kāi)發(fā)者相關(guān)工具體系建設(shè),致力于打造高效好用的開(kāi)發(fā)工具,更好地服務(wù)釘釘開(kāi)發(fā)者。
周子杰
云智能釘釘事業(yè)部前端開(kāi)發(fā)工程師。于2021年3月碩士畢業(yè)于浙江大學(xué),而后在釘釘開(kāi)放平臺(tái)從事開(kāi)發(fā)者相關(guān)工具體系建設(shè)等開(kāi)發(fā)工作,在前端技術(shù)世界積極探索、實(shí)踐中。
陳岳陽(yáng)
浙江大學(xué)在讀博士,阿里巴巴資深技術(shù)專家,負(fù)責(zé)釘釘開(kāi)放平臺(tái)技術(shù)團(tuán)隊(duì)和烏鶇科技鶇風(fēng)一部,在阿里經(jīng)歷了兩件“從0到1”的事情(菜鳥(niǎo)、供應(yīng)鏈),沉淀發(fā)明專利60多個(gè)。
劉曉鵬
阿里巴巴資深技術(shù)專家,從事互聯(lián)網(wǎng)行業(yè)多年,一直負(fù)責(zé)技術(shù)相關(guān)的研發(fā)和管理工作,曾在騰訊、搜狐等公司擔(dān)任技術(shù)負(fù)責(zé)人,有豐富的系統(tǒng)架構(gòu)及平臺(tái)建設(shè)經(jīng)驗(yàn),目前專注于營(yíng)銷及商業(yè)化等領(lǐng)域。
曲奎林
阿里巴巴高級(jí)技術(shù)專家,負(fù)責(zé)釘釘開(kāi)放平臺(tái)大前端研發(fā)管理工作。曾就職于搜狐、百度等公司,長(zhǎng)期從事跨端/全棧領(lǐng)域的研發(fā),有豐富的大前端架構(gòu)設(shè)計(jì)經(jīng)驗(yàn)。曾負(fù)責(zé)阿里巴巴跨端框架DX-Web的設(shè)計(jì)與實(shí)現(xiàn),目前專注在開(kāi)放領(lǐng)域,致力于打造前端開(kāi)放技術(shù)體系。
第1章開(kāi)發(fā)你的第一個(gè)釘釘小程序
1.1準(zhǔn)備工作
1.2基本概念
1.3創(chuàng)建項(xiàng)目
1.4小程序開(kāi)發(fā)
第2章初識(shí)釘釘小程序
2.1什么是釘釘小程序
2.1.1釘釘小程序的演進(jìn)
2.1.2釘釘小程序的功能
2.1.3釘釘小程序的使用場(chǎng)景
2.2釘釘小程序原理解析
2.2.1概述
2.2.2Page頁(yè)面原理解析
2.2.3為什么“沒(méi)有DOM”
2.2.4小程序的性能優(yōu)勢(shì)
2.3釘釘小程序運(yùn)行機(jī)制
第3章使用釘釘小程序開(kāi)發(fā)者工具
3.1使用IDE創(chuàng)建項(xiàng)目
3.2釘釘小程序開(kāi)發(fā)
3.3釘釘小程序調(diào)試
3.3.1本地調(diào)試
3.3.2真機(jī)預(yù)覽
3.3.3真機(jī)調(diào)試
3.4釘釘小程序發(fā)布版本
第4章了解釘釘小程序框架
4.1釘釘小程序框架概述
4.1.1數(shù)據(jù)綁定
4.1.2第三方npm模塊
4.2文件目錄結(jié)構(gòu)
4.2.1app層
4.2.2page層
4.3釘釘小程序全局配置
4.3.1通過(guò)app.js注冊(cè)小程序
4.3.2app.json全局配置
4.3.3getApp方法
4.3.4多語(yǔ)言配置
4.4釘釘小程序頁(yè)面配置
4.4.1注冊(cè)小程序頁(yè)面
4.4.2配置頁(yè)面樣式
4.4.3getCurrentPages方法
4.5視圖層
4.5.1數(shù)據(jù)綁定
4.5.2條件渲染
4.5.3列表渲染
4.5.4引用
4.5.5模板
4.6自定義組件
4.6.1開(kāi)發(fā)流程
4.6.2開(kāi)發(fā)自定義組件
4.6.3使用自定義組件
4.6.4發(fā)布自定義組件
4.7事件
4.7.1事件概述
4.7.2事件對(duì)象
4.8樣式
4.8.1rpx
4.8.2樣式導(dǎo)入
4.8.3內(nèi)聯(lián)樣式
4.8.4選擇器
4.8.5全局樣式與局部樣式
4.8.6頁(yè)面容器樣式
4.8.7暗黑模式
4.9釘釘小程序scheme
4.9.1第三方企業(yè)應(yīng)用
4.9.2第三方個(gè)人應(yīng)用
4.9.3通用參數(shù)
4.9.4如何在scheme上攜帶業(yè)務(wù)參數(shù)
4.10SJS語(yǔ)法參考
4.10.1SJS概述
4.10.2變量
4.10.3注釋
4.10.4運(yùn)算符
4.10.5語(yǔ)句
4.10.6數(shù)據(jù)類型
4.10.7基礎(chǔ)類
4.10.8Esnext
第5章使用釘釘小程序組件
5.1視圖容器
5.1.1view
5.1.2swiper
5.1.3scroll-view
5.1.4movable-view
5.1.5movable-area
5.2基礎(chǔ)內(nèi)容
5.2.1text
5.2.2icon
5.2.3progress
5.2.4rich-text
5.3表單
5.3.1form
5.3.2button
5.3.3label
5.3.4input
5.3.5textarea
5.3.6radio
5.3.7radio-group
5.3.8checkbox
5.3.9checkbox-group
5.3.10switch
5.3.11slider
5.3.12pickview
5.3.13picker
5.4導(dǎo)航
5.5媒體
5.5.1image
5.5.2video
5.6canvas
5.7map
5.8開(kāi)放能力
5.8.1web-view
5.8.2open-avatar
第6章釘釘小程序設(shè)計(jì)規(guī)范
6.1設(shè)計(jì)指南
6.1.1應(yīng)用Logo符合釘釘要求
6.1.2新用戶/功能引導(dǎo)
6.1.3用戶授權(quán)
6.1.4路徑清晰
6.1.5突出重點(diǎn)
6.1.6狀態(tài)告知及引導(dǎo)幫助
6.1.7容錯(cuò)
6.1.8平等對(duì)話
6.2視覺(jué)規(guī)范
6.2.1字號(hào)
6.2.2顏色
6.2.3列表
6.2.4按鈕
6.2.5圖標(biāo)
6.3設(shè)計(jì)走查表
6.3.1基本原則
6.3.2更好的體驗(yàn)
6.3.3上釘體驗(yàn)細(xì)則
第7章釘釘小程序?qū)崙?zhàn):抽獎(jiǎng)助手
7.1準(zhǔn)備工作
7.2設(shè)計(jì)思路
7.2.1功能分析
7.2.2功能開(kāi)發(fā)設(shè)計(jì)
7.3開(kāi)發(fā)流程
7.3.1創(chuàng)建應(yīng)用
7.3.2小程序開(kāi)發(fā)初始化
7.3.3功能開(kāi)發(fā)
7.3.4應(yīng)用的調(diào)試與發(fā)布
第8章釘釘小程序?qū)崙?zhàn):會(huì)議室管理
8.1準(zhǔn)備工作
8.2設(shè)計(jì)思路
8.2.1功能分析
8.2.2功能開(kāi)發(fā)設(shè)計(jì)
8.3開(kāi)發(fā)流程
8.3.1創(chuàng)建應(yīng)用
8.3.2小程序開(kāi)發(fā)初始化
8.3.3功能開(kāi)發(fā)313
8.3.4應(yīng)用的調(diào)試與發(fā)布353
附錄A釘釘小程序JSAPI總覽356