快應用QuickApp


快應用QuickApp

快應用介紹

提到快應用,不得不說小程序。iPhone發布10周年之際,微信推出小程序。去年,當吃雞游戲開始火爆之時,微信推出了小游戲。當小程序被越來越多的用戶接受的時候,吸引了用戶和流量,十大手機廠商聯合推出了快應用。因為小程序的出現威脅到了手機廠商應用市場。

在 17 年 7 月,谷歌向所有開發者開放了 Android Instant Apps ,它就是原生 App 的擴展,和快應用是一樣的產品,可惜國內無法使用。

快應用和小程序的區別 :快應用是基於安卓系統的,微信小程序是基礎微信 App 生態的。快應用體積更小,可以達到類似 React Native 的原生體驗效果,而微信小程序只能在微信內部運行。

快應用體積小,讓你用最快的方式接觸用戶,降低用戶使用成本。用戶抵達應用的中間環節極大減少,能提高轉化率,同時只需要很小的投入。

開始你的第一個快應用

天下武功,無快不破,讓我們開始快應用的開發吧。快應用是在安卓手機運行,准備好一款安卓手機。首先,介紹一下環境的搭建,需要 電腦上安裝 Nodejs ,如果不會自行搜索。

  • 安裝 hap-toolkit

npm install -g hap-toolkit

安裝完畢后執行 hap --version 查看是否安裝成功

Jietu20180329-160537

目前版本是 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 壓縮文件,也就是快應用的執行文件

運行你的快應用

  • 手機安裝調試器

安裝 官方文檔 的提示下載調試器,安裝完成后打開。

Screenshot_2018-03-29-10-52-10

啟用開發者模式的安卓手機連上電腦,轉到項目目錄下dist執行

Jietu20180329-160310
將 rpk 文件傳輸到手機根目錄。

還有掃描安裝,類似 React Native 的 Expo 應用直接掃描本地server生成的二維碼來運行代碼,效果類似,這里不再展示了。

手機上打開快應用調試器,點擊本地安裝,選擇剛才放入到手機的 rpk 文件。

安裝后,進入快應用的界面。

Screenshot_2018-03-29-12-47-11

點擊跳轉到詳情頁按鈕,進入下個頁面,如圖

Screenshot_2018-03-29-12-49-10

啟用了手機開發者選項顯示布局邊界功能,我們看到都是原生的布局。

快應用可以創建桌面圖標,讓你可以像使用原生應用一樣即點即用。如圖

Screenshot_2018-03-29-10-50-39

在安卓手機上的應用圖標

Screenshot_2018-03-29-13-01-59

使用快應用開發框架

這里快應用入門的簡單介紹,更多框架的介紹在官網的框架介紹文檔。如果想要深入的學習,官方的開發文檔是必不可少的。如果這篇文章對你學習快應用有所幫助,歡迎朋友們點個贊。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM