新手開發(fā)指南

2022-06-06 14:17 更新

歡迎來到 APICloud！

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

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

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

主要包括4種類型：

1. Native App：

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

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

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

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

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

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

2. MX App：

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

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

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

3. App Clip：

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

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

4. Web App：

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

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

如果您對使用 APICloud 平臺開發(fā)感到無從下手，現(xiàn)在您可以通過閱讀此文檔來得到幫助。

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

一起開發(fā)第一個應(yīng)用

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

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

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

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

APICloud Studio3

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

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

新手必看視頻

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

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

您可以通過這里觀看 視頻教程

查看真實成功案例

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

APICloud 官方會定期更新由開發(fā)者申請展示的 成功案例。

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

最新APICloud 3.0案例

生鮮電商模板（未處理）

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

點餐模板（未處理）

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

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

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

APICloud 2.0案例

火星人俱樂部

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

會計學(xué)堂

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

蕉梨健身

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

w3cschool

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

查看更多真實案例請點擊 成功案例

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

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

仿大眾點評

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

仿今日頭條

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

仿天貓商城

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

仿脈脈

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

仿網(wǎng)易新聞

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

仿網(wǎng)易云音樂

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

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

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

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

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

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

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

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

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

  • SuperWebView

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

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

您還可以通過手動搜索來找到需要查看的文檔

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

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

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

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

模塊文檔：

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

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

社區(qū)入口

社區(qū)組成

官方 FAQ

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

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

社區(qū)帖子搜索

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

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

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

前端框架選擇

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

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

api.js

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

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

api.css

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

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

swipe.js

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

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

dot.js

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

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

SHA1.js

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

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

APICloud-rest.js

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

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

更多增值服務(wù)

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

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

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

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

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

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號