什么是快應用？?
1. 快應用是基于手機硬件平臺的新型應用形態，標準是由主流手機廠商組成的快應用聯盟聯合制定。?
2. 快應用標準的誕生將在研發接口、能力接入、開發者服務等層面建設標準平臺，以平臺化的生態模式對個人開發者和企業開發者全品類開放。?
3. 快應用具備傳統APP完整的應用體驗，無需安裝、即點即用。

快應用官網：https://www.quickapp.cn/?
開發文檔：https://doc.quickapp.cn/?
開發環境：windows7

著手開發第一個快應用

1.環境搭建?
1.1 安裝nodejs：官網上的原話?
?
（在鴻洋大神的文章中找到的網址） 我安裝的是7.0，網址：https://nodejs.org/en/blog/release/v7.0.0/?
按照自己的電腦要求下載相應版本，下載后點擊安裝就行。?
1.2 安裝hap-toolkit?
windows：window+R在命令行中，輸入以下命令安裝

npm install -g hap-toolkit

• 1

在命令行中輸入hap -V會輸出版本信息,如下，類似”0.0.26”，表示hap-toolkit安裝成功。

hap -V

• 1

?
2.HelloWorld?
2.1.創建一個新項目?
選擇或者自己先進一個文件夾，在命令行中輸入：hap init <ProjectName>?
<ProjectName>是你自定義的項目名稱?
例如：?
?
然后繼續輸入你的項目名稱，等待創建完成。?
在你剛剛的目錄下，你可以查看它生成的文件，它包含了項目配置與簡單頁面初始化代碼：?

src：項目源文件夾node_modules：項目的依賴類庫sign：簽名模塊，當前僅有debug簽名，如果內測上線，請添加release文件夾，增加線上簽名；簽名生成方法請參考文檔：編譯工具的openssl

• 1
• 2
• 3
• 4

2.2安裝npm依賴?
在項目的根目錄（Firsthelloword）下運行以下命令，安裝依賴包（webpack，babel等）：

npm install

• 1

?
2.3編譯項目?
繼續在根目錄下輸入以下命令進行編譯打包，生成rpk包。

npm run build

• 1

編譯打包成功后，項目根目錄下會生成文件夾：build、dist?
build：臨時產出，包含編譯后的頁面js，圖片等?
dist：最終產出，包含rpk文件。其實是將build目錄下的資源打包壓縮為一個文件，后綴名為rpk，這個rpk文件就是項目編譯后的最終產出?
2.3自動重新編譯?
如果希望每次修改源代碼文件后，都自動重新編譯項目，輸入以下命令：

npm run watch

• 1

注意（我沒有遇到該錯誤）：?
如果報錯遇到Cannot find module ‘…/webpack.config.js’，請重新執行一次hap update –force。這是由于高版本的npm在npm install時，會校驗并刪除了node_modules下部分文件夾，導致報錯。而hap update –force會重新復制hap-toolkit文件夾到node_modules中

3.安裝手機調試器?
3.1安裝手機調試器?
在手機上安裝一個apk，地址：https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk，下載后安裝至自己手機上就可以了。?
運行效果：?
?
說明如下：?
掃碼安裝：配置HTTP服務器地址，下載rpk包，并喚起平臺運行rpk包?
本地安裝：選擇手機文件系統中的rpk包，并喚起平臺運行rpk包?
在線更新：重新發送HTTP請求，更新rpk包，并喚起平臺運行rpk包?
開始調試：喚起平臺運行rpk包，并啟動遠程調試工具

注意：若無法正常使用調試器，請升級手機系統到最新版本或安裝平臺預覽版

（如果你電腦上安裝了夜神模擬器或者其它，會自動打開夜神并且安裝在其上邊，你可以使用adb命令安裝，具體請參考adb命令使用）

adb install -r apk具體路徑

• 1

安裝運行后，你會發現上邊的按鈕都點不了。What?不用擔心，繼續往下看（可以點擊的請跳過以下步驟）。?
3.2手機安裝平臺預覽版?
點擊以下鏈接下載.apk，安裝至你的手機上：https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk?
安裝后你會發現你點開它的界面是一片灰色的，但是回到之前的快應用調試器，他的按鈕都可以點擊了喲。?
4.在手機上運行rpk包?
官網上介紹了兩種途徑：?
a. HTTP請求：開發者啟動HTTP服務器，打開調試器，點擊?掃碼安裝?配置HTTP服務器地址，下載rpk包，并喚起平臺運行rpk包?
b.本地安裝：開發者將rpk包拷貝到手機文件系統，打開調試器，點擊?本地安裝?選擇rpk包，并喚起平臺運行rpk包

4.1本地安裝：?
使用adb命令將根路徑下的dist文件夾下的rpk文件，如?
?
將它復制到手機上，我用的是華為平板，代碼如下：?

adb push 電腦rpk文件目錄 手機目錄

• 1

接下來打開快應用調試器，點擊本地安裝，找到rpk文件，點擊后打開另一個快應用，就會看到那個helloword了。?

4.2掃碼安裝：?
第一步：打開命令窗口，跳轉到項目根目錄，執行以下命令（默認端口為12306）：

npm run server

• 1

或者自定義端口(如8080)：

npm run server -- --port 8080

• 1

運行下來是這樣的：?

配置HTTP服務器地址有兩種方式，以下兩者選其一即可：?
第一種：打開調試器 –> 點擊”掃碼安裝”，掃描終端窗口中的二維碼即可完成配置（若掃描不成功，可在瀏覽器中打開頁面：http://localhost:，掃描頁面中的二維碼）?
第二種：打開調試器 –> 點擊右上角menu –> 設置，輸入終端窗口中提示的HTTP服務器地址?
本人用的第一種方法，直接掃描上圖的二維碼不行，然后我在火狐上輸入了：http://localhost:12306?（我沒改端口號，默認為12306，修改了的用自己修改的端口），生成了一個二維碼，如下圖，用手機掃描二維碼就安裝上了。

想要實時監聽：npm run watch;

就這樣，我的第一個快應用就開發完成了。

轉載于:https://www.cnblogs.com/lgxin/p/8677291.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的快应用快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。