快應用 QuickApp:配置開發環境 和 第一個工程 HelloWorld

快應用 QuickApp

配置開發環境 + 第一個工程 HelloWorld + 工程RPK文件下載

一、環境配置:

  1. 安裝node.js環境

    可以直接在官網上下載安裝 Node.js 6.11.3版本

    官方推薦安裝版本:v6.11.3 LTS

    如果已經安裝Node.js,則可以使用“n” 來管理node的版本:

    npm install n
    sudo n v6.11.3
    
  2. 安裝hap-toolkit

    npm install -g hap-toolkit
    

    -g 表示全局,則這個環境是裝在全局環境內

    檢測是否安裝成功:

    hap -V
    
  3. 安裝快應用調試器 下載快應用調試器

    調試用app

  4. 安裝手機安裝平臺預覽版 下載平臺預覽版(快應用環境)

    相當於系統環境,只需要安裝即可

二、項目的創建

  1. 命令窗口,cd打開到要創建工程的目錄

  2. 創建項目

    hap init HelloWorld
    

    需要回車一下進行確認

  3. 項目根目錄結構如下:

    ├── node_modules
    ├── sign                      rpk包簽名模塊
    │   └── debug                 調試環境
    │       ├── certificate.pem   證書文件
    │       └── private.pem       私鑰文件
    ├── src
    │   ├── Common                公用的資源文件和組件文件
    │   │   └── logo.png          manifest.json中配置的icon
    │   ├── Demo                  頁面目錄
    │   |   └── index.ux          頁面文件,文件名不必與父文件夾相同
    │   ├── app.ux                APP文件(用於包括公用資源)
    │   └── manifest.json         項目配置文件(如:應用描述、接口申明、頁面路由等)
    └── package.json              定義項目需要的各種模塊及配置信息,npm install根據這個配置文件,自動下載所需的運行和開發環境
    

    目錄的簡要說明如下:

    src:項目源文件夾
    node_modules:項目的依賴類庫
    sign:簽名模塊,當前僅有debug簽名,如果內測上線,請添加release文件夾,增加線上簽名;
    

    以下所有命令,都在工程根目錄下執行

  4. 給當前項目安裝npm依賴

    npm install
    
  5. 編譯當前項目

    npm run build
    

    最終產出文件:項目根目錄\dist***.rpk

  6. 啓用自動編譯

    npm run watch
    
  7. 啓動本地服務器

    npm run server
    

    最好是在新窗口中執行
    自定義端口:自定義端口(如:8080)

    npm run server -- --port 8080
    
  8. 打開 “快應用調試器app”,將上述命令窗口內網址填入設置內
  9. 啓動自動編譯+本地服務器,就可以在局域網WiFi下進行測試了!

三、編譯後RPK文件直接下載

快應用官方 HelloWorld編譯後RPK文件下載

官方HelloWorld編譯後rpk文件。可以在安裝了“快應用調試器app”後,直接選擇“本地安裝” ,加載此文件,查看效果。

個人編譯,CSDN上傳,下載最低只能設置到2分了

備註:

  1. 快應用官方網站
  2. Node.js官網
  3. Node.js 6.11.3版本
  4. 下載平臺預覽版(快應用環境)
  5. 下載快應用調試器
  6. 快應用官方 HelloWorld編譯後RPK文件下載

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章