3月20日在北京朝陽區的中國大飯店，小米、中興、華為、金立、聯想、魅族、努比亞、OPPO、vivo、一加，共十家手機廠商聯合召開快應用標準啟動釋出會，標誌著又一個移動應用的新生態的到來。
這個快應用是啥，我就不贅述了，請自行參看官網的帖子，下面我來把快應用的開發入門相關內容整理一下給大家。
- 花了一晚上搞了一個快應用版本的Gank客戶端，當做Demo開源給大家，新手可以參考一下基礎頁面結構，大佬可無視 ~
準備工作
- 快應用的官方開發文件 : doc.quickapp.cn/ (其實有這個文件就可以入門了)
- 一臺利索一點的安卓手機 （是不是前面十大廠商的手機無所謂，只要能連結電腦傳輸檔案，裝APK就行了）
- 一臺電腦，你懂得。
Step 1.搭建環境
- 安裝Nodejs
- 需要6.0以上版本，通過
node -v可以檢視當前版本，不會安裝的參看安裝教程 (注：不要用8.0版本！)
- 需要6.0以上版本，通過
- 安裝hap-toolkit
-
執行如下命令
npm install -g hap-toolkit 複製程式碼 -
安裝完畢後執行
hap -V（V 要大寫）檢視是否安裝成功
-
Step 2.新建工程
-
建立工程專案
-
先cd到你的專案存放目錄
-
執行專案初始化命令 ( yourProjectName 要替換成你的專案名 )
hap init yourProjectName 複製程式碼
-
-
安裝npm依賴
-
cd 到你新建的專案資料夾下，執行如下命令
npm install 複製程式碼
-
Step 3. 編譯專案
-
檢視專案程式碼
-
找一個你自己趁手的IDE開啟新建的專案即可（快應用暫時沒有出官方的開發IDE）
-
工程目錄如下圖
-
-
簡單介紹一下（可跳過）
- src：專案原始檔夾
- src/manifest.json：專案配置檔案
- node_modules：專案的依賴類庫
- package.json：npm的專案配置檔案
-
-
編譯專案
-
在你的專案資料夾下，執行如下命令
npm run build 複製程式碼 -
【注意！】大部分第一次執行會遇到如下報錯
-
Error: Cannot find module `/Users/***/***/node_modules/hap-tools/webpack.config.js` -
莫慌，執行一次
hap update --force即可解決, 再執行npm run build進行編譯。 -
編譯成功以後，工程專案會多處兩個資料夾：
-
build：存放編譯後的頁面js檔案和素材
-
dist：存放編譯打包生成的rpk壓縮檔案，這個rpk就是快應用的最終執行檔案了，提交市場就可以用它了(提交市場要release版本，後續再說)。
-
Step 4. 真機預覽
-
你的手機需要安裝 快應用偵錯程式 和 平臺預覽版 （下載後用ADB或者直接USB傳輸安裝到手機。注意，兩個apk都要安裝哦！平臺預覽版是模擬快應用的執行時環境的。）
-
安裝前面編譯出來的rpk檔案
-
方法一： 本地安裝預覽
- 將你的工程中/dist目錄下編譯產出的rpk檔案通過USB資料線或其他方式，複製到手機檔案系統中。
- 開啟手機上的“快應用偵錯程式” 點選“本地安裝” 選擇手機檔案系統前面複製進來的rpk檔案，即可預覽到你的快應用的介面。
-
方法二： 掃碼預覽
-
在工程目錄下執行如下命令啟動本地服務(預設埠12306)
npm run server 複製程式碼 -
如果遇到埠衝突，可以執行
npm run server -- --port 8080自定義埠號（8080可自定義） -
服務啟動後，會在終端顯示本地服務地址和對應二維碼
-
-
開啟手機上的“快應用偵錯程式”，點選“掃碼安裝”，掃這個二維碼即可安裝快應用進行預覽。
-
如果遇到二維碼掃碼不成功，也可以點選右上角三個豎點的選單按鈕，選擇“設定”，進入設定介面以後，將服務地址手動輸入，然後返回主介面，點選線上更新即可進行安裝預覽。
-
如果提示安裝失敗，建議重新起一遍
npm run server重新來過。 -
看到如下介面，恭喜你，快應用世界的打門你已經開啟了 ~
-
結尾：第一篇入門貼就到這裡，十分看好快應用的模式，在碎片化日益嚴重的安卓生態環境下，能夠形成這樣一個戰略聯盟，著實不易，不過目前快應用的技術架構基礎和生態鏈還不夠完善，期待它在未來能夠大放異彩！
（PS：對快應用感興趣的小夥伴可以加入我們的“快應用開發交流群”的微信群哦~ ）
額，群滿了，請各位新增 devislee_lb 微信拉進群嘍