前言
我一直認(rèn)為，H5網(wǎng)頁(yè)嵌入APP的混合開(kāi)發(fā)，以及JS的發(fā)展，是未來(lái)編程界的一大趨勢(shì)，現(xiàn)在的JS無(wú)論是前端還是后端均有很重要的地位，說(shuō)不定哪天就會(huì)統(tǒng)治地球了~~
今天我要分享的是使用APiCloud來(lái)快速開(kāi)發(fā)WebAPP的方法。此方法方便的地方是不需要有安卓或iOS基礎(chǔ)，通過(guò)APiCloud就能將網(wǎng)頁(yè)打包成APP，在手機(jī)上使用，但由于APiCloud平臺(tái)實(shí)在是。。。亂（PS：我爬了很久的坑~），故寫(xiě)此分享。
開(kāi)始
- 開(kāi)發(fā)工具：Webstorm
- 使用平臺(tái)：APiCloud
- 其他要求： 少量SVN知識(shí)
準(zhǔn)備
-
在APiCloud平臺(tái)下載Webstorm開(kāi)發(fā)插件
這是鏈接，自行選擇Windows或Mac，我是在Mac上開(kāi)發(fā)，但Windows如出一撤。（APiCloud支持很多編輯器以插件形式使用，如sublime、atom、Webstorm等，大家可以自行選擇，官方有提供開(kāi)發(fā)工具APiCloud studio ，but！！界面丑的難以想象，我是顏值控，果斷拒絕之！）
-
準(zhǔn)備SVN工具
Mac用戶就不用準(zhǔn)備了，Mac自帶git與SVN工具，但是要對(duì)命令行有所了解，我會(huì)在后面稍微講解需要用到的命令。
Windows用戶就直接下載小烏龜SVN工具就行，應(yīng)該是Windows上比較好的工具了。
再次PS：其實(shí)使用SVN我內(nèi)心是拒絕的，我一直都是在使用git，但是APiCloud對(duì)git的支持讓我頭痛，支持git更像是擺設(shè)，不想將時(shí)間花在研究怎么在平臺(tái)用git，還是直接掏出SVN吧。 -
一個(gè)好用的WebAPPUI框架
這并不是必須的，但是建議使用一個(gè)UI框架來(lái)快速開(kāi)發(fā)，方便快捷，重點(diǎn)是框架帶的確實(shí)比我自己寫(xiě)的好看。。。
這里推薦幾個(gè)前端WebAPP框架：
mui 自稱最接近原生，沒(méi)試過(guò)，不過(guò)一定會(huì)嘗試的，畢竟網(wǎng)頁(yè)寫(xiě)APP最大的瓶頸還是性能上。
jquery weui 微信公眾號(hào)開(kāi)發(fā)的瑞士軍刀。
aui 這個(gè)框架是輔助APiCloud開(kāi)發(fā)的，對(duì)于使用APiCloud工具來(lái)說(shuō)，用它是比較不錯(cuò)的選擇，該有的組件也都齊全。
開(kāi)發(fā)
首先根據(jù)APiCloud平臺(tái)的Webstorm插件安裝說(shuō)明，將所有功能準(zhǔn)備好，比如，安卓真機(jī)同步，安卓本地打包、iOS真機(jī)同步、iOS本地打包、WiFi真機(jī)同步等等。
首先在APiCloud平臺(tái)注冊(cè)好，進(jìn)入控制臺(tái)，新建一個(gè)native應(yīng)用，進(jìn)入此應(yīng)用，可以看到端開(kāi)發(fā)中有一系列操作，進(jìn)入代碼模塊，復(fù)制APiCloudSVN的代碼地址，并點(diǎn)擊獲取分支密碼，將此密碼留著，后面會(huì)用到。證書(shū)什么的自己配好就行了，在此不一一講解。
打開(kāi)命令行（Mac用戶），首先輸入svn命令，確保此服務(wù)存在，若不存在自行百度homebrew安裝。
cd到桌面，進(jìn)入自己為項(xiàng)目建的文件夾，執(zhí)行svn checkout APiCloudSVN服務(wù)器路徑執(zhí)行后會(huì)先要求你輸入用戶密碼，之后輸入你在APiCloud注冊(cè)時(shí)的郵箱，最后的密碼記得填之前讓你留著的分支密碼。不出意外，一個(gè)APiCloud初始化項(xiàng)目已經(jīng)下載到你本地了。之后只需在index.html頁(yè)面以及html文件夾下開(kāi)發(fā)頁(yè)面，js、css、image放在script、css、image文件夾下即可。
開(kāi)發(fā)完成的上傳操作，新增了文件，使用
svn add 你的文件名或使用svn add *將新增文件加入版本控制，再使用svn commit -m "描述你做了什么"即可上傳至APiCloud平臺(tái)上。如果你使用了他的模塊插件，記得按照他的說(shuō)明修改loader，若沒(méi)有使用，則可以開(kāi)始編譯了，進(jìn)入編譯模塊，傻瓜式的點(diǎn)幾下，偶爾排個(gè)隊(duì)，等待編譯成功，你就可以掃碼下載你的WebAPP了，我這里說(shuō)的是測(cè)試版，正式版由于暫時(shí)沒(méi)有需要，所以并沒(méi)嘗試。以后如果用了，我會(huì)更新此文章。
結(jié)束語(yǔ)
現(xiàn)在的工作很忙，更新文章會(huì)慢一點(diǎn)，但是我始終相信，做技術(shù)，要學(xué)會(huì)分享。
溫故才能知新，我不是什么大牛，但是我會(huì)成為大牛。
-----------------------------------------Form Madman