本場 Chat 將帶你從0開始，基於 APICloud 進行 APP 開發，你只需要會前端就可以。

本場 Chat 主要內容為下:

什麼是APICloud？

開發工具的瞭解；

提供的前端框架；

相關 API；

控制檯；

開始你的 APP 開發。

本場 Chat 將會用一個新的案例從0來帶領大家，用實際的開發案例來學習，知道開發過程的每一個步驟，讓大家真的能開發，而不是一知半解，最後 Chat 結束後大家都可以都擁有一個自己的 APP。

什麼是大前端

對於大前端這一詞語，沒有一個準確的說法，什麼叫做大前端。

不同的人對於大前端的定義也是不一樣的。對我而言，大前端就是區別與傳統的前端開發，具備更多的能力，具備很強的橫向技能。

在我工作之前，我會的前端技能就是 HTML + CSS + JavaScript + jQuery。

我工作的第一個專案，協同開發，一個月，採用的技術是 Vue.js，於是我一邊看一邊寫 demo，然後轉身寫專案。一個月，兩個前端用 Vue.js 開發了一個 erp 系統，在這一個月中我已經學會了簡單的運用 Vue.js。

第二個專案，一個線上預約影片拍攝的網站，一樣的一邊看教程，一邊完成專案

，我不斷把新學的內容往專案中加。終於在經歷兩個專案之後我能夠說對 Vue.js 比較瞭解了，基本對於 Vue.js 不存在什麼大的技術問題了。

第六專案，就是一個 APP 的開發。

剛開始我是拒絕的，我，一個前端工程師，我怎麼去開發 APP？還只有兩個月的週期？

然而領導是不會管這些的，面對這樣的情況，我一度想要辭職回家要飯。

然而，貧窮使我不得開心顏，貧窮也使我努力，於是我開始想辦法解決問題。

在某競價排名為網站搜尋關於前端開發 APP 的相關內容，在拋去第一屏的廣告之後，開始尋找有用內容。

在瞭解了原生開發、web 網頁加殼生成 APP、HTML5 開發、混合 APP 開發之後，對於目前的專案情況，決定使用混合 APP 開發。然而我還是不清楚該如何開發，所以還需要繼續學習瞭解。

在 CSDN 看見一篇部落格，講的就是前端開發 APP，分別講述了 DCloud 與 APICloud，關於這二者我都去學習並嘗試寫了 DEMO，但是很無奈，做為一個純粹的前端開發人員，有很多地方我確實不清楚，我需要更多的幫助。然而 DCloud 官方並沒有一個很好的社群，我有太多的疑惑不能得到解決，於是我就選擇了 APICloud，好在與 APICloud 有比較活躍的社群，也有官方的很多 Q 群，有問題你可以在社群詢問，也可以在群裡諮詢他人。

一、什麼是 APICloud

APICloud 是中國領先的“雲端一體”的移動應用雲服務提供商。 APICloud 為開發者從“雲”和“端”兩個方向提供 API，簡化移動應用開發技術，讓移動應用的開發週期從一個月縮短到7天。基於 APICloud 提供的“雲 API”和“端 API”，開發者甚至可以忘記繁雜的服務端編碼，也可以忘記複雜的 Objective-C和Java，更可以忘記那數不清的螢幕適配。

以上內容都是 APICloud 放在某競價網站的的官方介紹。

實際上它就是一個平臺，為你提供很多元件和 API，然後幫你把你的 html 檔案打包成為安卓和蘋果的安裝包。

二、開發 IDE

做開發 IDE 是必要的，官方有自己的開發 IDE，也支援其他 IDE，如果你不介意你可以試著用用官方的 IDE，或者在你原有的 IDE 中下載相關外掛使用。

官方的 IDE：APICloud Studio 2

此外他還提供了：

Sublime APICloud Plugins：Sublime APICloud Plugins 是 APICloud 為開發者提供的一套開源的 Sublime Text 擴充套件外掛

Eclipse APICloud Plugins(Studio 1)Eclipse APICloud Plugins：基於 Eclipse 和 Aptana Studio3 進行擴充套件

WebStorm APICloud PluginsWebStorm APICloud Plugins 是 APICloud 為開發者提供的一套開源的 WebStorm 擴充套件外掛

Atom APICloud PluginsAtom APICloud Plugins 是 APICloud 為開發者提供的一套開源的基於 nodejs 的 Atom 擴充套件外掛

而我日常開發使用的是官方提供的 IDE

樣式和內容跟其他開發 IDE 沒有什麼過大的區別。

APP開發之旅

step1：註冊帳號你需要在APICloud官網註冊一個開發帳號。https://www.apicloud.com/

step2：登入登入之後你會到達控制檯，如果沒有，請在右上角前往。

然後選擇Native App，輸入應用名稱和說明。

然後就建立好了你的第一個應用。

step4：同步專案程式碼

當你建立好專案之後，雲端會自動生成相關的檔案以及程式碼，你需要將程式碼從雲端下載下來，然後進行開發工作。

在右邊是一些選單選項，我們前端開發涉及的就是第一個端開發裡面的內容：

端設定：在這裡設定 APP 的圖示，啟動動畫，橫屏豎屏等

證書管理：這裡上傳或者更新 APP 的相關證書，安卓端與 IOS 端的，需要你自己去申請

程式碼管理：在這裡檢視你的程式碼操作記錄，檢視你程式碼所在雲端的地址與管理密碼或者設定 GIT

模組管理：裡面有很多官方提供的模組，如果你要在你的 APP 中使用就需要在這裡進行管理

雲編譯：對你已經提交到雲端的程式碼進行打包生成安裝包

根據你使用的不同工具進行不同的操作，而我是用的是 SVN，在本地安裝好 SVN 之後直接同步到本地就可以了。

然後你在透過 IDE 開啟這個資料夾就可以進行開發了。