第乙個快應用 quickapp demo

2021-08-17 15:35:50 字數 1664 閱讀 5791

簡介

環境搭建(window平台)

安裝nodejs(官網)。

安裝hap-toolkit(開啟cmd->npm install -g hap-toolkit)

安裝完成輸入命令(hap -v)

正確輸出版本資訊說明安裝成功。例如(0.0.26)

二、初始化專案

1.執行以下命令初始化專案

hap init (你的專案名稱)
命令生成後,該目錄的結構如下

├── node_modules

├── sign rpk包簽名模組

│ └── debug 除錯環境

│ ├── certificate.pem 證書檔案

│ └── private.pem 私鑰檔案

├── src

│ ├── common 公用的資源檔案和元件檔案

│ │ └── logo.png manifest.json中配置的icon

│ ├── demo 頁面目錄

│ | └── index.ux 頁面檔案,檔名不必與父資料夾相同

│ └── manifest.json 專案配置檔案(如:應用描述、介面申明、頁面路由等)

2.編譯專案

先安裝依賴,在專案根目錄執行以下命令

npm install
待安裝完成,使用以下命令編譯打包生成rpk包

npm run build
編譯打包成功後,專案根目錄下會生成資料夾:build、dist

dist:最終產出,包含rpk檔案。其實是將build目錄下的資源打包壓縮為乙個檔案,字尾名為rpk,這個rpk檔案就是專案編譯後的最終產出

使用以下命令可自動重新編譯,

npm run watch
注意:

如果碰到上面的錯誤資訊的話,我們可以通過命令hap update –force來解決此問題

三、除錯

1.安裝偵錯程式

兩個應用安裝完就可以安裝快應用了

2.安裝執行rpk包

推薦第一種方式,除錯比較方便。

http請求方式:

執行命令:

// 預設埠12306

npm run server

此時配合命令

npm run watch

「` 即可邊開發邊預覽效果

3.所推薦使用的ide

推薦的ide為vscode+hap extension外掛程式開發,外掛程式安裝:

第乙個nodejs應用

應用這個詞很火,都在用。這裡的nodejs應用其實是乙個站點,準確的說是執行在本地的乙個小小的http站點。但是nodejs開發主要還是集中在少數的幾個核心功能上,而不是那種動輒幾千幾萬個檔案,支撐多少併發多少功能的這種大型站點。所以nodejs開發的這些小型http站點也叫做應用。當然nodejs...

第乙個應用(Node)

建立乙個http伺服器 相應報文的主體 response.write response.end 伺服器的埠 server.listen 1111,function node haha.js js檔案是haha.js開啟瀏覽器訪問127.0.0.1 1111 就是輸出 response.write 的...

第乙個Vue應用

不管我們學習哪種語言,我們第乙個寫的估計就是hello world了,這裡我們也是先通過乙個簡單的html 開始,來對vue有乙個直觀的感覺。charset utf 8 vue 示例教程title head type text v model name placeholder 您的輸入 onkeyd...