新手開(kāi)發(fā)指南

歡迎來(lái)到 APICloud！

APICloud自3.0起，已從跨平臺(tái)技術(shù)全面升級(jí)為多端技術(shù)：

1. 開(kāi)發(fā)者使用AVM.JS（未處理）一個(gè)技術(shù)棧即可同時(shí)開(kāi)發(fā)Android & iOS APP和小程序；
   2. 全新的APP引擎DeepEngine3.0提供完全原生的渲染，保障APP性能和體驗(yàn)與原生APP一致；
   3. 提供api對(duì)象下的接口直接映射兼容小程序接口，延續(xù)已有開(kāi)發(fā)習(xí)慣；

同時(shí)APICloud3.0仍然保留了2.0的所有技術(shù)棧和開(kāi)發(fā)體驗(yàn)，為方便開(kāi)發(fā)者對(duì)跨平臺(tái)技術(shù)和多端技術(shù)的理解和區(qū)分，我們對(duì)創(chuàng)建的應(yīng)用類型進(jìn)行了明確的區(qū)分。

主要包括4種類型：

1. Native App：

??即原生應(yīng)用，3.0在2.0跨平臺(tái)技術(shù)的基礎(chǔ)上，新增了AVM.JS（未處理）開(kāi)發(fā)框架以及全新的原生App渲染引擎DeepEngine3.0。

??開(kāi)發(fā)者可使用標(biāo)準(zhǔn)HTML5（包括HTML/CSS/JS技術(shù)以及Vue/React等框架技術(shù)）或AVM.JS技術(shù)進(jìn)行開(kāi)發(fā)，一套代碼同時(shí)生成Android & iOS原生APP，現(xiàn)有的1000+功能模塊和20000+API可直接調(diào)用。

??如果使用標(biāo)準(zhǔn)HTML5進(jìn)行開(kāi)發(fā)，App渲染依然使用2.0的Webview引擎進(jìn)行渲染；

??如果使用AVM.JS進(jìn)行開(kāi)發(fā)，App將使用無(wú)Webview的原生引擎DeepEngine3.0進(jìn)行渲染，所有組件及視圖與Android & iOS系統(tǒng)原生組件和視圖百分百對(duì)齊。例如使用list-view進(jìn)行布局，意味著您的列表將具備回收能力，即使面對(duì)數(shù)以萬(wàn)計(jì)的列表項(xiàng)或者瀑布流圖片，也不會(huì)產(chǎn)生因內(nèi)存溢出而導(dǎo)致閃退的問(wèn)題，并且在滑動(dòng)性能和流暢度上遠(yuǎn)勝于Webview視圖的DOM滑動(dòng)。

??一個(gè)App可完全使用HTML5進(jìn)行開(kāi)發(fā)，也可以完全使用AVM.JS技術(shù)進(jìn)行開(kāi)發(fā)，或兩者在同一個(gè)App中混合使用。

??** Native App適合功能強(qiáng)大、性能卓越的APP開(kāi)發(fā)，如果您僅有App需求，應(yīng)選擇Native App模式。

2. MX App：

??即多端應(yīng)用(Multiexperience App)，使用AVM.JS技術(shù)一次開(kāi)發(fā)，可同時(shí)生成小程序、Android & iOS App多終端應(yīng)用，提供現(xiàn)有的api對(duì)象下的接口直接調(diào)用為小程序接口，例如api.ajax將對(duì)應(yīng)調(diào)用小程序的wx.request。

??多端應(yīng)用與Native App的區(qū)別在于，多端應(yīng)用要求必須使用AVM.JS框架及語(yǔ)法進(jìn)行開(kāi)發(fā)，開(kāi)發(fā)過(guò)程應(yīng)使用文檔中具有“通用”或者“小程序和App適用”標(biāo)識(shí)的組件或者api進(jìn)行開(kāi)發(fā)，例如不應(yīng)該在多端應(yīng)用中使用list-view組件，因?yàn)閘ist-view組件是專門為App定制的，它無(wú)法被編譯為小程序(因?yàn)樾〕绦蚱脚_(tái)并未提供類似的組件和能力)。

??** MX App適合小程序優(yōu)先的場(chǎng)景，如果您有小程序需求，而并不關(guān)心App側(cè)的功能，應(yīng)選擇MX App模式。開(kāi)發(fā)完的小程序代碼，可百分百編譯為同等功能的App，相當(dāng)于開(kāi)發(fā)一個(gè)小程序，“白送”一個(gè) App。

3. App Clip：

??即iOS輕App，是蘋果公司在iOS14最新推出的無(wú)需下載、即搜即用的全功能App，屬于主App的一部分，可以理解為“蘋果小程序”。

??輕App的開(kāi)發(fā)流程同Native App基本一致，開(kāi)發(fā)者可使用標(biāo)準(zhǔn)HTML5或AVM.JS技術(shù)進(jìn)行開(kāi)發(fā)，通過(guò)APICloud云編譯可一鍵編譯為輕App安裝包，可用于對(duì)已有的主應(yīng)用進(jìn)行關(guān)聯(lián)。如果您的主應(yīng)用也是使用APICloud開(kāi)發(fā)，云編譯將提供主應(yīng)用和輕App關(guān)聯(lián)、證書配置等自動(dòng)化功能。

4. Web App：

??提供將已有HTML5網(wǎng)站一鍵打包成Android & iOS原生APP的能力，遠(yuǎn)程web頁(yè)面也能調(diào)用現(xiàn)有的1000+功能模塊和20000+API。

??** Web App適合Web優(yōu)先，不介意用戶體驗(yàn)和性能的場(chǎng)景。

如果您對(duì)使用 APICloud 平臺(tái)開(kāi)發(fā)感到無(wú)從下手，現(xiàn)在您可以通過(guò)閱讀此文檔來(lái)得到幫助。

我們根據(jù)不同的應(yīng)用需要，為您提供了 Deep Engine（適合 Web 開(kāi)發(fā)者）、SuperWebView（適合已有原生應(yīng)用的開(kāi)發(fā)者）以及 數(shù)據(jù)云3.0（未處理） (適合需要快速簡(jiǎn)便實(shí)現(xiàn)服務(wù)端的開(kāi)發(fā)者)。

一起開(kāi)發(fā)第一個(gè)應(yīng)用

針對(duì)從未使用過(guò) APICloud 開(kāi)發(fā)的開(kāi)發(fā)者，我們以圖文形式提供了詳細(xì)的上手文檔。參考文檔 創(chuàng)建第一個(gè)應(yīng)用（未處理） 了解更多。

了解開(kāi)發(fā)工具使用

我們不會(huì)對(duì)開(kāi)發(fā)工具做任何限制，您使用任何 HTML5 開(kāi)發(fā)工具都可以進(jìn)行 APICloud 應(yīng)用的開(kāi)發(fā)工作。

如果您對(duì) APICloud 開(kāi)發(fā)尚未熟悉，在眾多 HTML5 開(kāi)發(fā)工具中，我們更建議您選擇以下開(kāi)發(fā)工具：

APICloud Studio3

• APICloud Studio3詳情頁(yè)面

• 基于業(yè)界領(lǐng)先的代碼編輯器-Vscode深度定制，幫助您快速輕松地構(gòu)建多端應(yīng)用 我們?yōu)?Windows、Mac和Linux提供了出色的開(kāi)發(fā)體驗(yàn)，您可以使用自己喜歡的操作系統(tǒng)進(jìn)行開(kāi)發(fā)

APICloud Studio3文檔 studio3文檔（未處理）

新手必看視頻

如果您希望通過(guò)更輕松的方式學(xué)習(xí) APICloud 相關(guān)知識(shí)，我們也為您提供了大量的基礎(chǔ)入門解說(shuō)視頻。

• 系統(tǒng)講述 APICloud 知識(shí)體系
• 開(kāi)發(fā)應(yīng)用演示
• 開(kāi)發(fā)工具演示
• 模塊開(kāi)發(fā)講解
• 培訓(xùn)課程
• 持續(xù)更新中

您可以通過(guò)這里觀看 視頻教程

查看真實(shí)成功案例

時(shí)至今日，已經(jīng)有無(wú)數(shù)使用 APICloud 開(kāi)發(fā)的應(yīng)用獲得了成功，這些應(yīng)用在體驗(yàn)、創(chuàng)新、業(yè)務(wù)上是如何做的？

APICloud 官方會(huì)定期更新由開(kāi)發(fā)者申請(qǐng)展示的 成功案例。

如果您也有成功案例希望展示，不要忘了聯(lián)系我們！

最新APICloud 3.0案例

生鮮電商模板（未處理）

此模板為生鮮電商類型，主要功能包括商品列表展示、商品詳情查看、購(gòu)物車、登錄注冊(cè)、個(gè)人中心、基礎(chǔ)設(shè)置等。通過(guò)此模板的使用能快速上手avm多端開(kāi)發(fā)技術(shù)，并能在此模板基礎(chǔ)上快速開(kāi)發(fā)出一套完整的生鮮電商類應(yīng)用。

點(diǎn)餐模板（未處理）

《點(diǎn)餐》項(xiàng)目是一個(gè)餐飲商戶單商家堂食下單應(yīng)用。主要功能包括瀏覽商家主頁(yè)信息、查看推薦菜品、下單商品、取餐等號(hào)等功能。

企業(yè)展示模板（未處理）

此模板為企業(yè)展示類型，主要功能包括企業(yè)信息展示、案例展示、加盟申請(qǐng)等。通過(guò)此模板的使用能快速上手avm多端開(kāi)發(fā)技術(shù)，可以幫助企業(yè)快速擁有自己的網(wǎng)絡(luò)名片，不但對(duì)企業(yè)的形象是一個(gè)良好的宣傳，同時(shí)可以輔助企業(yè)銷售，企業(yè)可以用來(lái)展示產(chǎn)品、案例、宣傳企業(yè)文化、資訊動(dòng)態(tài)等。

APICloud 2.0案例

火星人俱樂(lè)部

火星人俱樂(lè)部App是一款致力于為青少年提供物理科學(xué)教育的移動(dòng)應(yīng)用，學(xué)生可在線瀏覽和觀看物理電子、機(jī)器人、3D打印、天文地質(zhì)等多領(lǐng)域的科學(xué)課程，激發(fā)孩子們對(duì)科學(xué)的了解和探索！

會(huì)計(jì)學(xué)堂

會(huì)計(jì)學(xué)堂是深圳快學(xué)教育發(fā)展有限公司開(kāi)發(fā)的在線會(huì)計(jì)學(xué)習(xí)系統(tǒng)，老會(huì)計(jì)手把手教做賬，專業(yè)財(cái)會(huì)老師在線解答，行業(yè)會(huì)計(jì)實(shí)操、財(cái)務(wù)EXCEL、會(huì)計(jì)做賬報(bào)稅、會(huì)計(jì)實(shí)務(wù)、財(cái)務(wù)軟件做賬等在線直播學(xué)習(xí)平臺(tái)。

蕉梨健身

蕉梨健身App，海量專業(yè)私教為用戶量身定制運(yùn)動(dòng)計(jì)劃、飲食計(jì)劃，全程督導(dǎo)、實(shí)時(shí)反饋，在線解答健身、飲食問(wèn)題，線上結(jié)合線下陪伴式私教服務(wù)，隨時(shí)隨地助您練就健康身材

w3cschool

w3cschool是一個(gè)編程入門學(xué)習(xí)及編程文檔教程查閱APP，提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等編程語(yǔ)言和開(kāi)源技術(shù)的在線教程及使用手冊(cè)，是類國(guó)外w3schools的W3C學(xué)習(xí)社區(qū)及菜鳥編程課程學(xué)習(xí)平臺(tái)。

查看更多真實(shí)案例請(qǐng)點(diǎn)擊 成功案例

查看開(kāi)發(fā)者案例源碼

您可以通過(guò)借鑒各大知名應(yīng)用的布局、交互、體驗(yàn)、結(jié)構(gòu)等經(jīng)驗(yàn)為自己的應(yīng)用帶來(lái)高體驗(yàn)。

仿大眾點(diǎn)評(píng)

• 提供者：開(kāi)發(fā)者
• 大眾點(diǎn)評(píng)在 o2o 中應(yīng)該算是最成功的案例之一了，功能之復(fù)雜、使用之便利，有很多值得我們學(xué)習(xí)的地方！

仿今日頭條

• 提供者：開(kāi)發(fā)者
• 經(jīng)典 新聞?lì)?APP 仿今日頭條，帶有教程文檔，歡迎大家下載體驗(yàn)！

仿天貓商城

• 提供者：開(kāi)發(fā)者
• 應(yīng)該沒(méi)人不知道天貓了，而天貓 App 的體驗(yàn)無(wú)疑甩親兄弟手機(jī)淘寶幾條街，快來(lái)看看她是如何做到的吧！

仿脈脈

• 提供者：開(kāi)發(fā)者
• 經(jīng)典 社交 APP 仿脈脈，帶有教程文檔，歡迎大家下載體驗(yàn)！

仿網(wǎng)易新聞

• 提供者：開(kāi)發(fā)者
• 大名鼎鼎的網(wǎng)易新聞，新聞?lì)?App 的代表，有很多自己對(duì)新聞?lì)?App 的經(jīng)典理解。

仿網(wǎng)易云音樂(lè)

• 提供者：開(kāi)發(fā)者
• 音樂(lè)類 App 的代表，如果您正想開(kāi)發(fā)一款音樂(lè)類的 App，那么這個(gè)案例一定能給您帶來(lái)很多幫助！

更多源碼：https://github.com/apicloudcom/APICloud-App-Templates

掌握文檔用法，提高開(kāi)發(fā)效率

我們想讓開(kāi)發(fā)者了解，在開(kāi)發(fā)過(guò)程中借助文檔解決問(wèn)題才是最效率和省力的方式。

下面為您列出一些常用文檔

• 開(kāi)發(fā)工具插件文檔

• 工具：APICloud Studio3

• API 對(duì)象文檔（未處理）

• 所有 API 對(duì)象下的函數(shù)、事件、常量、屬性都可以在這里查看

• 數(shù)據(jù)云1.0文檔（未處理）

• 對(duì)數(shù)據(jù)云做了全面、詳盡的定義，包括：REST ful 機(jī)制、口令算法、數(shù)據(jù)訪問(wèn)鏈接生成原理等

• 數(shù)據(jù)云3.0文檔（未處理）

• 數(shù)據(jù)云3.0是一個(gè)全新的服務(wù)端開(kāi)發(fā)運(yùn)維平臺(tái)，提供從后端開(kāi)發(fā)、接口聯(lián)調(diào)到上線運(yùn)營(yíng)維護(hù)等一整套方案。

• SuperWebView

• android 版（未處理）
• iOS 版（未處理）

• 如何在 APICloud 平臺(tái)使用騰訊 X5 引擎（未處理）

• 使用騰訊 X5 引擎可以讓您 Web 頁(yè)面動(dòng)畫更平滑、渲染速度更快，并帶有最新的騰訊瀏覽器生態(tài)能力。

• 如：config.xml 配置（未處理）、自定義 Apploader（未處理）、云修復(fù)（未處理）、版本管理（未處理） 等更多技術(shù)專題文檔可通過(guò)下述方式查看

• 首先，打開(kāi) 文檔首頁(yè)（未處理） 并選擇 技術(shù)專題中某一篇，點(diǎn)擊標(biāo)題打開(kāi)。

• 也可以從頁(yè)面左側(cè)導(dǎo)航中選擇需要的專題進(jìn)行查看

您還可以通過(guò)手動(dòng)搜索來(lái)找到需要查看的文檔

• 首先，打開(kāi) 文檔首頁(yè)（未處理）

• 在搜索框中輸入模塊中文或英文名稱或模塊功能描述關(guān)鍵字等進(jìn)行搜索

• 在搜索結(jié)果列表中選擇自己需要的文檔進(jìn)行閱讀

• 我們可以在文檔中查看以下信息：

引擎文檔： 點(diǎn)擊導(dǎo)航切換到相應(yīng)欄目查看。

模塊文檔：

利用社區(qū)解決疑問(wèn)

如果您希望和更多 APICloud 開(kāi)發(fā)者交流經(jīng)驗(yàn)、得到 APICloud 官方技術(shù)支持或開(kāi)發(fā)者幫助，請(qǐng)多多利用社區(qū)。社區(qū)可以為您提供大量幫助。

社區(qū)入口

社區(qū)組成

官方 FAQ

當(dāng)出現(xiàn)問(wèn)題后，可以先在社區(qū)內(nèi)查看 FAQ 列表，往往可以直接找到常見(jiàn)問(wèn)題解決方案。

社區(qū)的 FAQ 都是由 APICloud 官方根據(jù)開(kāi)發(fā)者常見(jiàn)問(wèn)題總結(jié)的經(jīng)驗(yàn)帖

• 首先，進(jìn)入開(kāi)發(fā)討論版塊
• 點(diǎn)擊 FAQ 標(biāo)簽

社區(qū)帖子搜索

當(dāng)出現(xiàn)問(wèn)題后，可以先在社區(qū)內(nèi)搜索一下有沒(méi)有一樣不走運(yùn)的小伙伴也碰到了同樣的疑問(wèn)，往往比自己發(fā)帖更快捷有效。

社區(qū)的搜索是全站搜索哦，只要標(biāo)題和內(nèi)容里出現(xiàn)過(guò)的關(guān)鍵字都能被搜索出結(jié)果

• 輸入問(wèn)題關(guān)鍵字進(jìn)行搜索

前端框架選擇

APICloud 并不會(huì)限制開(kāi)發(fā)者使用任何前端框架，但不建議您使用體積較大的框架。為了保證應(yīng)用體驗(yàn)，我們推薦您使用一些輕量級(jí)的、移動(dòng)優(yōu)先的前端框架。

下面為您推薦一些我們認(rèn)為對(duì)開(kāi)發(fā)有幫助的框架

api.js

api.js 是由 APICloud 官方為您提供的輔助腳本框架，遵循主流前端框架 jQuery 的使用習(xí)慣。

您可以查看文檔了解 api.js 使用方法（未處理），也可在 download 進(jìn)行下載。

api.css

api.css 是由 APICloud 官方為您提供的瀏覽器樣式清除框架，使用它可以讓我們的頁(yè)面 HTML 元素在所有手機(jī)上表現(xiàn)一致。

您可以查看文檔了解 api.css 使用方法(未處理)，也可在 download 進(jìn)行下載。

swipe.js

swipe.js 框架可以讓您的頁(yè)面快速實(shí)現(xiàn)多屏切換、輪播圖等功能，并且切換流暢。

了解更多有關(guān) swipe.js 的使用方式及下載地址請(qǐng)查看 github.com/apicloudcom/framework-swipe-js

dot.js

當(dāng)您使用 Web 方式顯示數(shù)據(jù)列表時(shí)，使用 js 模板可以有效提高開(kāi)發(fā)效率和運(yùn)行體驗(yàn)，通過(guò)簡(jiǎn)單的自定義語(yǔ)法即可完成復(fù)雜布局的列表開(kāi)發(fā)。

了解更多有關(guān) dot.js 的使用方式及下載地址請(qǐng)查看 github.com/apicloudcom/demo-dot

SHA1.js

當(dāng)您需要使用 sha1 算法進(jìn)行數(shù)據(jù)加密時(shí)，這個(gè)框架可以幫您輕松實(shí)現(xiàn)。

了解更多有關(guān) SHA1.js 的使用方式及下載地址請(qǐng)查看 github.com/apicloudcom/mcm-js-sdk

APICloud-rest.js

APICloud 為您提供了簡(jiǎn)單快捷的數(shù)據(jù)云服務(wù)，當(dāng)您需要使用數(shù)據(jù)云時(shí)，推薦使用 APICloud-rest.js 框架進(jìn)行數(shù)據(jù)云操作，該框架可以極大的提高您的開(kāi)發(fā)效率。

了解更多有關(guān) APICloud-rest.js 的使用方式及下載地址請(qǐng)查看 github.com/apicloudcom/mcm-js-sdk

更多增值服務(wù)

為了讓您在使用 APICloud 開(kāi)發(fā)應(yīng)用時(shí)更方便、解決問(wèn)題更效率以及得到最專業(yè)的建議，我們還提供了一些付費(fèi)服務(wù)供您選擇

VIP企業(yè)版 可享專屬增值服務(wù)，在線快速生成iOS證書、優(yōu)先技術(shù)支持幫助您解決開(kāi)發(fā)中的技術(shù)難題、享有高速打包通道、協(xié)作人員權(quán)限管理、APP克隆移交等專屬增值服務(wù)。

7天培訓(xùn)課程 課程旨在從實(shí)踐角度出發(fā)，一個(gè)實(shí)際應(yīng)用案列，全面、系統(tǒng)、細(xì)致的App開(kāi)發(fā)內(nèi)容，涵蓋從平臺(tái)工作原理、內(nèi)部實(shí)現(xiàn)機(jī)制和應(yīng)用開(kāi)發(fā)技巧。

優(yōu)先技術(shù)支持 在遇到時(shí)間緊急、難度較大或?qū)I(yè)度較高的技術(shù)難題時(shí)，APICloud 專家團(tuán)將為您提供最優(yōu)質(zhì)的技術(shù)支持服務(wù)，能夠節(jié)省項(xiàng)目的時(shí)間成本，保障項(xiàng)目的順利實(shí)施。

渠道打包服務(wù) APICloud 渠道打包是針對(duì)安卓應(yīng)用提供的一鍵多渠道打包功能，方便進(jìn)行數(shù)據(jù)統(tǒng)計(jì)。我們支持一鍵生成 12 種常用渠道的安裝包，同時(shí)我們提供專屬服務(wù)器進(jìn)行多渠道打包，更快速，更簡(jiǎn)便！

官方書籍 本書涵蓋了APICloud應(yīng)用開(kāi)發(fā)的知識(shí)，包括基礎(chǔ)知識(shí)、關(guān)鍵技術(shù)、開(kāi)發(fā)技巧和行業(yè)方案，并從實(shí)踐角度出發(fā)，通過(guò)大量的實(shí)例代碼、詳細(xì)的操作步驟和豐富的開(kāi)發(fā)截圖，幫助開(kāi)發(fā)人員迅速掌握APICloud應(yīng)用開(kāi)發(fā)，有能力制作出好的App。