Android快應用開發1:環境搭建及hello world!

前言

    小弟從事Android開發已經兩年,一直沒有寫博客的習慣。前些天九大手機廠商一起推出快應用,藉此機會也是寫一手從零開始快應用系列博客,寫的不對的地方歡迎指出(暫時只講在Windows下開發,後續有機會再寫Linux下)。


1、安裝Node.js

node.js下載   打開之後直接下載Windows版本即可

  

雙擊下載下來的msi文件就可以安裝,然後就是下一步,下一步。。。。(環境變量會自動配好)

安裝完成之後在命令行輸入 node --version 出現版本信息即可,例如:


如果你獲得了以上輸出結果,說明你已經成功安裝了node.js。

2、pc端安裝hap-toolkit

直接在命令行窗口中執行以下命令:

npm install -g hap-toolkit

安裝完成之後在命令行輸入:

hap -V

出現版本信息表示hap-toolkit安裝成功。

3、手機端安裝debugger

快應用調試器下載

安裝完成之後會在桌面生成兩個應用,如下:



4、創建第一個項目

首先建一個目錄來作爲workspace,然後進入這個目錄執行下面命令:

hap init <ProjectName>
其中ProjectName爲項目名,比如HelloWorldDemo,執行完之後會在當前目錄下建一個HelloWorldDemo目錄,作爲項目的根目錄


這個項目已經包含了項目配置與示例頁面的初始代碼,項目根目錄主要結構如下:

├── sign                      rpk包簽名模塊
│   └── debug                 調試環境
│       ├── certificate.pem   證書文件
│       └── private.pem       私鑰文件
├── src
│   ├── Common                公用的資源和組件文件
│   │   └── logo.png          應用圖標
│   ├── Demo                  頁面目錄
│   |   └── index.ux          頁面文件,可自定義頁面名稱
│   ├── app.ux                APP文件,可引入公共腳本,暴露公共數據和方法等
│   └── manifest.json         項目配置文件,配置應用圖標、頁面路由等
└── package.json              定義項目需要的各種模塊及配置信息
5、安裝依賴

在項目的根目錄下運行以下命令:

npm install
6、編譯項目

在項目的根目錄下運行一下命令進行編譯打包,生成rpk包:

npm run build

在運行這個命令的時候可能會報錯,我這邊就悲劇的報了個錯,如下:


但是彆着急,執行一下下面的命令:

hap update --force
執行完之後接着執行編譯打包命令就ok了。

然後在你的項目根目錄下會生成兩個文件夾,build和dist,生成的rpk包就是在dist目錄下。

7、安裝項目

一共有兩種安裝方式,本地安裝和掃碼安裝。

  • 本地安裝:這種比較簡單,直接把dist目錄裏面生成的rpk包拷到手機,然後在快應用調試器裏面安裝就行。
  • 掃碼安裝:

        再打開一個命令行窗口,進項目的根目錄,執行以下命令:

    npm run server

        啓動HTTP服務器,並確保手機與PC在同一局域網,執行完之後會在終端生成一個二維碼,如下:


然後直接用快應用調試器掃描安裝,但是這個二維碼可能識別不出來,可以把上面的地址在瀏覽器中打開,然後就能掃描成功了,安裝成功之後,效果如下:




總結

    快應用我也是剛接觸,最大的感觸就是創建編譯打包都是在命令行窗口裏面進行的,這點確實比較蛋疼,後面要是發展的好應該會推出編譯工具什麼的,這個都是後話。第二點就是快應用其實跟微信小程序差不多,上面第三點在手機端安裝的兩個應用,另外一個“快應用”這個就可以看成是微信,然後我們寫的項目都會在這個裏面運行。


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