明人不說慢話,直接開始。
接入快應(yīng)用流程圖.png
一.注冊快應(yīng)用聯(lián)盟賬號(hào)
瀏覽器打開快應(yīng)用聯(lián)盟官網(wǎng)袭艺，用郵箱注冊搀崭。
二.綁定各廠商開發(fā)中賬號(hào)
這一步先跳過...
三.開發(fā)快應(yīng)用
準(zhǔn)備開發(fā)環(huán)境，詳情見環(huán)境搭建，cmd 看到如下如所示就表示開發(fā)環(huán)境準(zhǔn)備好了瘤睹。
cmd截圖
開始創(chuàng)建項(xiàng)目
首先打開命令行工具升敲，定位到你要?jiǎng)?chuàng)建項(xiàng)目的目錄；
hap init helloQuick //創(chuàng)建你的項(xiàng)目 是不是和npm install 很像
hap init helloQuick
執(zhí)行完成后轰传，查看一下 helloQuick 是否被創(chuàng)建
和官網(wǎng)的目錄結(jié)構(gòu)有點(diǎn)不一樣 node_modules 已經(jīng)生成了
cd helloQuick //定位到helloQuick 目錄
npm install //執(zhí)行命令
發(fā)現(xiàn)報(bào)錯(cuò)了:
Cannot find module '/work/quick/node_modules/hap-tools/webpack.config.js
論壇找一下發(fā)現(xiàn)同樣的問題 問題289驴党；
hap update --force //執(zhí)行完后
npm run build //直接編譯
編譯打包成功后，項(xiàng)目根目錄下會(huì)生成文件夾：build获茬、dist
- build：臨時(shí)產(chǎn)出港庄，包含編譯后的頁面js，圖片等
- dist：最終產(chǎn)出恕曲，包含rpk文件鹏氧。其實(shí)是將build目錄下的資源打包壓縮為一個(gè)文件，后綴名為rpk佩谣，這個(gè)rpk文件就是項(xiàng)目編譯后的最終產(chǎn)出
預(yù)覽
首先你要下載這兩個(gè)app安裝到手機(jī)上把还，如果你是電腦下載的.zip包，將.zip改成.apk
調(diào)試器
平臺(tái)預(yù)覽版
- 手機(jī)打開 快應(yīng)用調(diào)試器
2B37D27461C87592243C37BD215527A7.jpg - 選擇本地安裝
1CFE2F5E9F72D35F19D40A6CB4B7FA44.jpg - 找到剛才編譯好的rpk（在項(xiàng)目dist文件夾里面茸俭，需要先傳入手機(jī)）文件并打開3068DC6606755D964D714851B5E3A822.jpg
下一篇《快應(yīng)用預(yù)覽吊履，掃碼安裝自動(dòng)更新rpk包，方便快捷》
總結(jié)
快應(yīng)用的創(chuàng)建還是很簡單的调鬓，從創(chuàng)建到編譯到預(yù)覽 沒有遇到什么問題艇炎，由于自身有Android和前端的開發(fā)經(jīng)驗(yàn)，上手還是比較快的袖迎，至于快應(yīng)用和原生開發(fā)的區(qū)別冕臭，在日后的開發(fā)中會(huì)慢慢發(fā)現(xiàn)。
