APICloud 開發(fā)指南

2022-06-06 14:54 更新

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

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

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

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

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

移動端開發(fā)知識體系

1. 基礎(chǔ)知識

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

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

1. 1 前置基礎(chǔ)

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

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

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

1.1.1 HTML / CSS / JS 【初級】

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

1.1.2 多端跨平臺技術(shù)【中級】

1.2. 平臺基礎(chǔ)

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

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

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

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

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

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

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

1.2.1. 平臺發(fā)展歷程【初級】

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

1.2.4. 云平臺基礎(chǔ)【初級】

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

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

1.2.4.3 云編譯【初級】

1.2.5. 快速上手【初級】

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

2. 端開發(fā)

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

2.1. 開發(fā)工具

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

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

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

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

2.1.1. 下載安裝工具【初級】

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

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

2.1.4. 代碼管理和編譯【初級】

2.2. 端 API

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

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

2.2.1 API 對象【中級】

2.3. 模塊生態(tài)

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

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

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

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

2.3.1 模塊簡介【中級】

2.3.2. 模塊使用【中級】

2.3.3. 自定義模塊【高級】

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

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

WebView 模式是早些時候的基礎(chǔ)模式，可以完整使用 Web 相關(guān)標(biāo)準(zhǔn)。AVM 模式則是原生渲染，且支持跨端編譯。在 APP 環(huán)境下，兩者可以共存，因為引擎是同時支持的。

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

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

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

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

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

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

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

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

2.4.1. WebView 模式

2.4.1.1. 使用 HTML 開發(fā)頁面 【中級】

2.4.1.2. 使用前端框架和庫【高級】

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

2.4.2 AVM 模式

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

2.4.2.2. 多端 API【中級】

2.4.2.3. 通用參考【中級】

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

2.4.2.5. 組件化開發(fā)【高級】

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

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

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

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

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

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

2.5.2. SuperWebView 使用【專家】

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

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

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

3. 云開發(fā)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.1. 開發(fā)管理

4.1.1. 證書管理【中級】

4.1.2. 代碼管理【中級】

4.1.3. 模塊管理【中級】

4.2. 運(yùn)營管理

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

4.2.2. 消息推送【高級】

4.2.3. 版本管理【高級】

4.3. 安全控制

4.4. 企業(yè) App Store

5. 其他資源

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號