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