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