快應用QuickApp
快應用介紹
提到快應用,不得不說小程序。iPhone發布10周年之際,微信推出小程序。去年,當吃雞游戲開始火爆之時,微信推出了小游戲。當小程序被越來越多的用戶接受的時候,吸引了用戶和流量,十大手機廠商聯合推出了快應用。因為小程序的出現威脅到了手機廠商應用市場。
在 17 年 7 月,谷歌向所有開發者開放了 Android Instant Apps ,它就是原生 App 的擴展,和快應用是一樣的產品,可惜國內無法使用。
快應用和小程序的區別 :快應用是基於安卓系統的,微信小程序是基礎微信 App 生態的。快應用體積更小,可以達到類似 React Native 的原生體驗效果,而微信小程序只能在微信內部運行。
快應用體積小,讓你用最快的方式接觸用戶,降低用戶使用成本。用戶抵達應用的中間環節極大減少,能提高轉化率,同時只需要很小的投入。
開始你的第一個快應用
天下武功,無快不破,讓我們開始快應用的開發吧。快應用是在安卓手機運行,准備好一款安卓手機。首先,介紹一下環境的搭建,需要 電腦上安裝 Nodejs ,如果不會自行搜索。
- 安裝 hap-toolkit
npm install -g hap-toolkit
安裝完畢后執行 hap --version
查看是否安裝成功
目前版本是 0.0.26
- 創建第一個工程項目
執行項目初始化命令
hap init hapDemo
- 安裝 npm 依賴
進入到項目目錄,執行
npm install
依賴安裝后,查看一下項目文件夾目錄
├── 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根據這個配置文件,自動下載所需的運行和開發環境
- 編譯項目
項目文件夾下,執行
npm run build
執行到這里可能會報錯,如下:
Error: Cannot find module '/Users/***/***/node_modules/hap-tools/webpack.config.js'
【注】這是由於高版本的npm 在 npm install 時,會校驗並刪除了 node_modules 下部分文件夾,導致報錯。而 hap update --force 會重新復制 hap-toolkit 文件夾到 node_modules 中。
執行 hap update --force
然后執行 npm run build
就能編譯成功,完成后會多處兩個目錄:
- build:存放編譯后到 js 文件和資源文件
- dist:存放編譯打包生產的 rpk 壓縮文件,也就是快應用的執行文件
運行你的快應用
- 手機安裝調試器
安裝 官方文檔 的提示下載調試器,安裝完成后打開。
啟用開發者模式的安卓手機連上電腦,轉到項目目錄下dist執行
將 rpk 文件傳輸到手機根目錄。
還有掃描安裝,類似 React Native 的 Expo 應用直接掃描本地server生成的二維碼來運行代碼,效果類似,這里不再展示了。
手機上打開快應用調試器,點擊本地安裝,選擇剛才放入到手機的 rpk 文件。
安裝后,進入快應用的界面。
點擊跳轉到詳情頁按鈕,進入下個頁面,如圖
啟用了手機開發者選項的顯示布局邊界功能,我們看到都是原生的布局。
快應用可以創建桌面圖標,讓你可以像使用原生應用一樣即點即用。如圖
在安卓手機上的應用圖標
使用快應用開發框架
這里快應用入門的簡單介紹,更多框架的介紹在官網的框架介紹文檔。如果想要深入的學習,官方的開發文檔是必不可少的。如果這篇文章對你學習快應用有所幫助,歡迎朋友們點個贊。