APICloud 開(kāi)發(fā)指南

2022-06-06 14:54 更新

移動(dòng)端開(kāi)發(fā)大致分為以下四個(gè)級(jí)別，分別介紹了每個(gè)級(jí)別需要了解和掌握的內(nèi)容：

初級(jí) 熟悉HTML/CSS/JS前端技術(shù)，了解 APICloud 開(kāi)發(fā)，能使用開(kāi)發(fā)工具運(yùn)行和預(yù)覽模板項(xiàng)目，能使用開(kāi)發(fā)控制臺(tái)云編譯生成正式版應(yīng)用。

中級(jí) 熟悉移動(dòng)開(kāi)發(fā)概念和術(shù)語(yǔ)，熟悉 APICloud 開(kāi)發(fā)流程，掌握引擎和模塊 API 的基本使用以及幫助文檔的閱讀，能進(jìn)行正式項(xiàng)目的頁(yè)面交互開(kāi)發(fā)。

高級(jí) 精通前端技術(shù)和 APICloud 多端開(kāi)發(fā)，具備熟練使用和封裝多端組件能力，能夠獨(dú)立完成商業(yè)項(xiàng)目開(kāi)發(fā)。

專家 熟悉 APICloud 技術(shù)和產(chǎn)品體系，精通前后端開(kāi)發(fā)流程，對(duì)移動(dòng)應(yīng)用體驗(yàn)和性能有深入理解，具備項(xiàng)目工程化和提供解決方案能力。

移動(dòng)端開(kāi)發(fā)知識(shí)體系

1. 基礎(chǔ)知識(shí)

在開(kāi)始學(xué)習(xí)移動(dòng)端開(kāi)發(fā)之前，需要具備一定的開(kāi)發(fā)知識(shí)，以便于更好的學(xué)習(xí)和理解移動(dòng)端開(kāi)發(fā)相關(guān)內(nèi)容。

在這一部分里面，主要分為【1.1 前置基礎(chǔ)】和【1.2 平臺(tái)基礎(chǔ)】。

1. 1 前置基礎(chǔ)

前置基礎(chǔ)是學(xué)習(xí)移動(dòng)端開(kāi)發(fā)的必要門檻，要求開(kāi)發(fā)者具備以下能力或者知識(shí)儲(chǔ)備。

由于跨端移動(dòng)端開(kāi)發(fā)主要還是使用前端開(kāi)發(fā)技術(shù)，輔以部分平臺(tái)特征代碼來(lái)實(shí)現(xiàn)的，所以三門前端基礎(chǔ)語(yǔ)言【1.1.1 HTML/CSS/JS】是必要的。

在條件允許的情況下，通過(guò)【1.1.2 多端跨平臺(tái)技術(shù)】了解時(shí)下主流的多端跨平臺(tái)開(kāi)發(fā)的技術(shù)選型和原理，有助于更好的理解移動(dòng)端開(kāi)發(fā)和開(kāi)發(fā)出優(yōu)質(zhì)的應(yīng)用。

1.1.1 HTML / CSS / JS 【初級(jí)】

  • 《參考鏈接》：（本部分內(nèi)容屬于通用性技術(shù)指南，可以從互聯(lián)網(wǎng)獲得相關(guān)知識(shí)。）

1.1.2 多端跨平臺(tái)技術(shù)【中級(jí)】

1.2. 平臺(tái)基礎(chǔ)

在學(xué)習(xí)完成前置知識(shí)以后，可以進(jìn)一步向移動(dòng)端開(kāi)發(fā)平臺(tái)相關(guān)知識(shí)邁進(jìn)。在學(xué)習(xí)的開(kāi)始，需要了解 APICloud 的發(fā)展歷史，有助于理解 APICloud 架構(gòu)和技術(shù)原理。

【歷程】APICloud 上線于 2014 年，時(shí)值 APP 開(kāi)發(fā)火熱之時(shí)。為了解決原生開(kāi)發(fā) APP 難度大、效率低和專業(yè)人員短缺的情況下，APP 開(kāi)發(fā)市場(chǎng)需求缺口較大的情況下，APICloud 推出基于 WebView 的深度跨端開(kāi)發(fā)引擎 ，賦能普通的前端開(kāi)發(fā)者使用現(xiàn)有技術(shù)，快速轉(zhuǎn)化為移動(dòng)端 APP 開(kāi)發(fā)者。

【生態(tài)能力】在發(fā)展過(guò)程中，與操作系統(tǒng)版本緊密聯(lián)系，保持引擎不停地迭代升級(jí)。開(kāi)放了模塊開(kāi)發(fā)規(guī)范，建立了良好的模塊生態(tài)市場(chǎng)。包括官方、第三方服務(wù)商和個(gè)人開(kāi)發(fā)者貢獻(xiàn)了一千多個(gè)優(yōu)質(zhì)的原生模塊，便于前端開(kāi)發(fā)者使用。

【云平臺(tái)基礎(chǔ)】中會(huì)初步介紹控制臺(tái)的功能和使用方法，以便日后知識(shí)點(diǎn)涉及到詳細(xì)操作時(shí)，更加容易找到相關(guān)位置。

【快速上手】則整理了一些新手初體驗(yàn)的文檔、指南和視頻教程的鏈接。

【AVM 多端演進(jìn)】在 2020 年，APICloud 平臺(tái)為了提升應(yīng)用性能和增加構(gòu)建多端應(yīng)用的能力，特別地推出了 AVM 多端開(kāi)發(fā)引擎，來(lái)作為 APICloud 3 的版本。AVM 版本可以使用一套代碼同時(shí)適配 Android / iOS、微信小程序和 H5 應(yīng)用。此時(shí)，APICloud 開(kāi)啟雙引擎渲染模式：1. WebView 模式，可以使用 HTML 來(lái)開(kāi)發(fā)界面和應(yīng)用；2. AVM 多端引擎模式，使用 STML 語(yǔ)言來(lái)開(kāi)發(fā)原生渲染的界面。

【融合】在 2021 年，APICloud 融入用友體系下，成為用友移動(dòng)端開(kāi)發(fā)的選擇。目前友空間 APP 已經(jīng)全面支持雙渲染引擎，可以在友空間上開(kāi)發(fā)、使用 APICloud 小程序。

1.2.1. 平臺(tái)發(fā)展歷程【初級(jí)】

1.2.2. 生態(tài)能力介紹【初級(jí)】

1.2.4. 云平臺(tái)基礎(chǔ)【初級(jí)】

1.2.4.1 應(yīng)用設(shè)置【初級(jí)】

1.2.4.2 快速設(shè)置證書(shū)【初級(jí)】

1.2.4.3 云編譯【初級(jí)】

1.2.5. 快速上手【初級(jí)】

1.2.5. 多端演進(jìn)介紹【初級(jí)】

2. 端開(kāi)發(fā)

在這一部分中，則開(kāi)始簡(jiǎn)單使用平臺(tái)進(jìn)行主流程學(xué)習(xí)，也是正式成為移動(dòng)端開(kāi)發(fā)者的第一步。

2.1. 開(kāi)發(fā)工具

為了更好地開(kāi)發(fā)移動(dòng)端應(yīng)用，建議使用官方推出的專門的開(kāi)發(fā)工具：APICloud Studio 3 。在【2.1. 開(kāi)發(fā)工具】一節(jié)中會(huì)詳細(xì)介紹工具的下載安裝和功能使用。

跟隨【2.1.2. 創(chuàng)建項(xiàng)目和認(rèn)識(shí)項(xiàng)目結(jié)構(gòu)】的內(nèi)容，通過(guò)工具創(chuàng)建一個(gè)應(yīng)用，會(huì)自動(dòng)檢出項(xiàng)目代碼，介紹包結(jié)構(gòu)和相關(guān)知識(shí)點(diǎn)。主要學(xué)習(xí) Widget 包的內(nèi)容。在《hello APP》中有介紹文件夾作用，并且標(biāo)明了版本。另外，一個(gè)合法的 APICloud 應(yīng)用，需要在根目錄下有一個(gè) config.xml 文件，用于配置應(yīng)用的基本信息，所以也需要詳細(xì)了解該文件的作用。

隨后進(jìn)行【2.1.3. 調(diào)試和預(yù)覽】，以便查看應(yīng)用的運(yùn)行效果。

在【2.1.4 代碼管理和編譯】將會(huì)介紹如何稍作以修改代碼，提交代碼到云端，進(jìn)行打包編譯出成品。

2.1.1. 下載安裝工具【初級(jí)】

2.1.2. 創(chuàng)建項(xiàng)目和認(rèn)識(shí)項(xiàng)目結(jié)構(gòu)【初級(jí)】

2.1.3. 調(diào)試和預(yù)覽【初級(jí)】

2.1.4. 代碼管理和編譯【初級(jí)】

2.2. 端 API

本部分是從初級(jí)到中級(jí)的過(guò)渡內(nèi)容。在初步掌握 APICloud 開(kāi)發(fā)基礎(chǔ)以后，便開(kāi)始系統(tǒng)地深入學(xué)習(xí) APICloud 進(jìn)階內(nèi)容。

API 對(duì)象作為端 API 的核心內(nèi)容，也是開(kāi)發(fā)移動(dòng)端應(yīng)用的基礎(chǔ)。通過(guò)學(xué)習(xí)文檔，了解對(duì)象中包含的屬性、事件和方法。

2.2.1 API 對(duì)象【中級(jí)】

2.3. 模塊生態(tài)

【2.3.1 模塊簡(jiǎn)介】中將介紹模塊的基本情況：在跨平臺(tái)應(yīng)用開(kāi)發(fā)中，有時(shí)候前端無(wú)法完成或者是復(fù)雜且難度大的情景下，例如在一個(gè)高頻度交互的界面，或者是需要調(diào)用硬件能力的界面，都可以使用原生模塊來(lái)完成。另外還有一些原生開(kāi)發(fā)的第三方服務(wù)， 僅僅提供了原生的 SDK，也需要按照這樣的模式來(lái)嵌入。

從類型上來(lái)說(shuō)：模塊可以分為設(shè)備訪問(wèn)、功能擴(kuò)展、界面布局、導(dǎo)航菜單、開(kāi)放SDK等等。 從來(lái)源上來(lái)說(shuō)，又分為官方模塊、第三方供應(yīng)商和個(gè)人獨(dú)立開(kāi)發(fā)者模塊。

【2.3.2 模塊使用】方法非常簡(jiǎn)單，但仍然需要注意一些要點(diǎn)：可以在控制臺(tái)中可以添加和刪除模塊。因?yàn)槟K是屬于原生基座內(nèi)容，模塊有更新和變化的時(shí)候，需要重新自定義 Loader 來(lái)更新基座的代碼環(huán)境，所以需要進(jìn)一步學(xué)習(xí)自定義 Loader 的相關(guān)知識(shí)要點(diǎn)。

另外，在市場(chǎng)中的一些模塊需要二次修改或者調(diào)整資源后，以【2.3.3 自定義模塊】的形式使用。在【2.5.1 自定義模塊開(kāi)發(fā)】則講解了具備原生端開(kāi)發(fā)能力的開(kāi)發(fā)者，如何使用 APICloud 的模塊機(jī)制，自主開(kāi)發(fā)所需要的模塊。開(kāi)發(fā)完成以后，可以上架到模塊 Store 市場(chǎng)，也可以通過(guò)自定義模塊的方式，私有使用。

2.3.1 模塊簡(jiǎn)介【中級(jí)】

2.3.2. 模塊使用【中級(jí)】

2.3.3. 自定義模塊【高級(jí)】

2.4. 應(yīng)用類型和渲染模式

在這一部分，會(huì)為開(kāi)發(fā)者講述 APICloud 的兩種渲染模式：使用 HTML 和 WEB 技術(shù)來(lái)開(kāi)發(fā)的【2.4.1 WebView模式】和使用 STML 和 JS 等自定義 DSL 來(lái)開(kāi)發(fā)的【2.4.2 AVM 模式】。

WebView 模式是早些時(shí)候的基礎(chǔ)模式，可以完整使用 Web 相關(guān)標(biāo)準(zhǔn)。AVM 模式則是原生渲染，且支持跨端編譯。在 APP 環(huán)境下，兩者可以共存，因?yàn)橐媸峭瑫r(shí)支持的。

在【2.4.1 WebView模式】中，【2.4.1.1 HTML 開(kāi)發(fā)頁(yè)面】將會(huì)演示如何使用 HTML 和原生 JS 進(jìn)行開(kāi)發(fā)一個(gè) Hello APP。

【2.4.1.2 使用前端框架和庫(kù)】中將演示如何使用 jQuery、api.js、Vue.js 等文件來(lái)進(jìn)行多頁(yè)面開(kāi)發(fā)。

有能力的開(kāi)發(fā)者，可以探索【2.4.1.3 前端工程化適配】，將先有的基于 Webpack 等其他現(xiàn)代前端構(gòu)建工具與 APICloud 多頁(yè)面模式相結(jié)合，享受快速移植的開(kāi)發(fā)體驗(yàn)，現(xiàn)有豐富的組件庫(kù)生態(tài)和 APICloud 的高性能原生體驗(yàn)，這是專家級(jí)的。

同時(shí)，開(kāi)發(fā)者更應(yīng)該關(guān)注【2.4.2 AVM 模式】的 APICloud 開(kāi)發(fā)模式。APICloud 自 3.0 起，已從跨平臺(tái)技術(shù)全面升級(jí)為多端技術(shù)：

1. 使用 avm.js 一個(gè)技術(shù)棧可同時(shí)開(kāi)發(fā) Android & iOS 原生 App、小程序和 iOS 輕 App，且多端渲染效果統(tǒng)一；
2. 全新的 App 引擎 3.0 不依賴 webView，提供百分百的原生渲染，保障 App 性能和體驗(yàn)與原生 App 一致。
3. 現(xiàn)有 api 直接映射兼容小程序接口，延續(xù)已有開(kāi)發(fā)習(xí)慣。

在 AVM 開(kāi)發(fā)中，則需要進(jìn)行了解多端開(kāi)發(fā)的【2.4.2.1 AVM 基礎(chǔ)】，包括新的目錄結(jié)構(gòu)，事件屬性數(shù)據(jù)綁定和指令等。也需要進(jìn)行了解新的引擎中內(nèi)置的對(duì)齊到 Web 標(biāo)準(zhǔn)的 API 接口。

需要了解常用系統(tǒng)組件。這也是為【2.4.2.2 組件化開(kāi)發(fā)】奠定基礎(chǔ)。開(kāi)發(fā)者可以根據(jù)組件化相關(guān)機(jī)制，進(jìn)行業(yè)務(wù)組件的高級(jí)封裝。

另外【2.4.2.3 組件庫(kù)開(kāi)發(fā)中】指出專家級(jí)的開(kāi)發(fā)者可以使用更高階的模式，開(kāi)發(fā)出普適性更高的通用組件（庫(kù)）。

2.4.1. WebView 模式

2.4.1.1. 使用 HTML 開(kāi)發(fā)頁(yè)面 【中級(jí)】

2.4.1.2. 使用前端框架和庫(kù)【高級(jí)】

2.4.1.3. 前端工程化適配【專家】

2.4.2 AVM 模式

2.4.2.1. AVM 概覽和基礎(chǔ)【中級(jí)】

2.4.2.2. 多端 API【中級(jí)】

2.4.2.3. 通用參考【中級(jí)】

2.4.2.4. 系統(tǒng)組件【中級(jí)】

2.4.2.5. 組件化開(kāi)發(fā)【高級(jí)】

2.4.2.6. 組件庫(kù)開(kāi)發(fā)【專家】

2.5. 原生進(jìn)階使用

APICloud 是一款跨端跨平臺(tái)的前端開(kāi)發(fā)框架。旨在為前端開(kāi)發(fā)者賦能移動(dòng)多端開(kāi)發(fā)能力。

在一些必要的復(fù)雜場(chǎng)景下，或者是的確需要原生能力的時(shí)候，具有原生開(kāi)發(fā)能力的開(kāi)發(fā)者也可以通過(guò)開(kāi)放的模塊開(kāi)發(fā)機(jī)制來(lái)拓展應(yīng)用能力。所以在【2.5.1自定義模塊開(kāi)發(fā)中】則介紹了這些相關(guān)知識(shí)。

除了模塊的介入模式之外，部分原生應(yīng)用也可以通過(guò) SDK 的方式，把 APICloud 的整個(gè)引擎植入到原有應(yīng)用中。在【2.5.2 SuperWebView 使用】一節(jié)中則是這種使用的相關(guān)資料。典型案例就是：友空間 APP 原來(lái)是不具備 APICloud 的能力的，在通過(guò) SDK 融合以后，在友空間APP（v6.2.7+）里就可以使用 APICloud 引擎開(kāi)發(fā) APICloud 小程序了。

2.5.1 自定義模塊開(kāi)發(fā)【專家】

2.5.2. SuperWebView 使用【專家】

在學(xué)習(xí)了 APICloud 基礎(chǔ)的端 API 對(duì)象和模塊等開(kāi)發(fā)知識(shí)以后，進(jìn)一步學(xué)習(xí) AVM 多端開(kāi)發(fā)技術(shù)，再拓展一下原生相關(guān)知識(shí)，大致就可以開(kāi)發(fā)出任何功能的形態(tài)的跨端應(yīng)用了。

在此基礎(chǔ)上，你需要了解更多的雜項(xiàng)和技術(shù)細(xì)節(jié)，讓?xiě)?yīng)用的體驗(yàn)更佳，性能更好。同時(shí)也需要了解一些技術(shù)和政策規(guī)范。

2.6. 端開(kāi)發(fā)的進(jìn)階技術(shù)專題【高級(jí)】

3. 云開(kāi)發(fā)

APICloud 推出了云端一體的概念和產(chǎn)品形態(tài)。能夠快速使用數(shù)據(jù)云完成云端的數(shù)據(jù)存儲(chǔ)和服務(wù)接口。

數(shù)據(jù)分為兩個(gè)版本。初期是【3.1 數(shù)據(jù)云 1.0】版本，在這個(gè)版本中，擁有快速創(chuàng)建數(shù)據(jù)表的能力和自動(dòng)生成 Rest 風(fēng)格的請(qǐng)求接口。使用簡(jiǎn)單，上手容易。

隨后，數(shù)據(jù)云也進(jìn)行了升級(jí)，最新版本是【3.2 數(shù)據(jù)云 3.0】，這一版本的數(shù)據(jù)云功能更加強(qiáng)大，除了支持?jǐn)?shù)據(jù)庫(kù)和接口生成之外，還額外的支持了云函數(shù)功能，開(kāi)發(fā)者可以在接口中自助開(kāi)發(fā)后端邏輯，包括鑒權(quán)、模塊等。另外還支持?jǐn)?shù)據(jù)庫(kù)訪問(wèn)模型，快速生成 ORM 等方式助力增刪查改的邏輯開(kāi)發(fā)。也支持文件上傳和低代碼自動(dòng)生成的后臺(tái)管理系統(tǒng)。

3.1. 數(shù)據(jù)云 1.0

3.1.1. 數(shù)據(jù)云 1 模型【中級(jí)】

3.1.2. Rest 接口和鑒權(quán)【中級(jí)】

3.2. 數(shù)據(jù)云 3.0

3.2.1. 數(shù)據(jù)云 3 配置【高級(jí)】

3.2.2. 數(shù)據(jù)云 3 模型【高級(jí)】

3.2.3. 云函數(shù)和文件上傳【高級(jí)】

4. 云平臺(tái)進(jìn)階

在前面的【1.2.4 云平臺(tái)基礎(chǔ)】中，走馬觀花式的把云平臺(tái)的功能大致了解了一番。部分基礎(chǔ)內(nèi)容，諸如應(yīng)用信息設(shè)置、云編譯打包等功能需要在基礎(chǔ)部分掌握。

另外在【2 端開(kāi)發(fā)】的【2.3 模塊生態(tài)】中，也需要使用云平臺(tái)和模塊 Store 等界面。

除此之外，云平臺(tái)還有需要進(jìn)階功能，來(lái)完成移動(dòng)端開(kāi)發(fā)的完整流程。在本部分會(huì)提及【4.1 開(kāi)發(fā)管理】，包括證書(shū)、代碼和模塊等。

還針對(duì)運(yùn)營(yíng)維護(hù)方面的開(kāi)發(fā)者和相關(guān)人員準(zhǔn)備了《4.2 運(yùn)營(yíng)管理》的內(nèi)容，能夠快速使用平臺(tái)進(jìn)行統(tǒng)計(jì)、消息、版本和熱修復(fù)等。

同時(shí)針對(duì)企業(yè)版用戶還有一些安全控制、企業(yè)商店來(lái)實(shí)現(xiàn)相關(guān)客戶對(duì)業(yè)務(wù)的特殊要求。

4.1. 開(kāi)發(fā)管理

4.1.1. 證書(shū)管理【中級(jí)】

4.1.2. 代碼管理【中級(jí)】

4.1.3. 模塊管理【中級(jí)】

4.2. 運(yùn)營(yíng)管理

4.2.1. 統(tǒng)計(jì)分析【高級(jí)】

4.2.2. 消息推送【高級(jí)】

4.2.3. 版本管理【高級(jí)】

4.3. 安全控制

4.4. 企業(yè) App Store

5. 其他資源

APICloud 開(kāi)發(fā)過(guò)程中，遇到的知識(shí)點(diǎn)和難題都可以在官方文檔和開(kāi)發(fā)者論壇中找到相關(guān)信息。部分項(xiàng)目和模塊也有 GitHub 相關(guān)開(kāi)發(fā)者主頁(yè)，有大量的開(kāi)源項(xiàng)目和代碼。針對(duì)國(guó)內(nèi)訪問(wèn)不順利的開(kāi)發(fā)者來(lái)說(shuō)，也可以訪問(wèn) Gitee 碼云。另外在騰訊課堂和 B 站也開(kāi)設(shè)了相關(guān)官方主頁(yè)，提供更多的視頻資源。

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)