快应用的开发-新手入门指南

推荐看【快应用官方博客】的博客
地址: https://blog.csdn.net/QuickApp

背景介绍

快应用是一种新的应用形态,以往的手机端应用主要有两种方式:网页、原生应用;网页无需安装,却体验不是很好;原生应用体验流畅,却需要从应用商店下载安装,难以一步直达用户;快应用的出现,就是希望能够让用户无需下载安装,并且还能流畅的体验应用内容。

为了达到上面的目标,快应用建立一种新的语言开发规范,同时提供一系列的开发套件辅助支持。简单来说,开发者主要利用前端知识与技能,以及对应的IDE,手机设备就可以做原型的开发。快应用使用前端技术栈开发,原生渲染,同时具备H5与原生应用的双重优点,开发者使用的前端技术栈资料多,学习成本低。

2018年3月份,由小米,OPPO,VIVO,华为等10家国内主流厂商成立了快应用联盟,从技术规范层面做了统一,并保证了开发者开发的快应用可以直接在所有的联盟内厂商的手机设备上运行。

快应用框架深度集成进各手机厂商的手机操作系统中,可以在操作系统层面形成用户需求与应用服务的无缝连接,很多只用在原生应用中才能使用的功能,在快应用中可以很方便的实现,享受原生应用体验,同时不用担心分发留存等问题,资源消耗也比较少。

对于每台手机设备,应用可以从多个系统入口,引用用户体验产品。比如:全局搜索、负一屏、浏览器搜索等。

安装环境
  1. 安装nodejs
    下载地址

  2. 安装hap-toolkit

npm install -g hap-toolkit
  1. 在命令行中执行hap -v会输出版本信息表示安装成功
hap -v
  1. 安装调试器
    下载地址
    成功后会出现:
    快应用的开发-新手入门指南_第1张图片
    按钮功能如下:
  • 扫码安装:配置 HTTP 服务器地址,下载 rpk 包,并唤起平台运行 rpk 包
  • 本地安装:选择手机文件系统中的 rpk 包,并唤起平台运行 rpk 包
  • 在线更新:重新发送 HTTP 请求,更新 rpk 包,并唤起平台运行 rpk 包
  • 开始调试:唤起平台运行 rpk 包,并启动远程调试
IDE下载
  1. 创建项目前,请先安装 IDE(快应用开发工具)
    下载地址
项目开发
  1. 创建项目
hap init demo(项目名称自定义)
  1. 安装依赖
npm i
  1. 编译项目
  • 手动编译项目
npm run build
  • 自动编译项目
npm run watch
安装rpk包
  1. 启动 HTTP 服务器
npm run server 或者 npm run server -- --port XXX(自定义端口,默认为8000)
  1. 在手机上扫码安装
手机上启动快应用调试器,点击扫码安装:扫描浏览器上输出的二维码
  1. 如果手机与 PC 不在同一局域网,可以使用 USB 在线更新和本地安装预览运行效果
打包发布
  1. 在工程的根目录下运行
npm run build

编译后的工程目录在/build,生成的应用路径为/dist/*.rpk

  1. 增加release签名
    通过 openssl 命令等工具生成签名文件private.pemcertificate.pem,例如:
openssl req -newkey rsa:2048 -nodes -keyout private.pem -x509 -days 3650 -out certificate.pem

在工程的sign目录下创建release目录,将私钥文件private.pem和证书文件certificate.pem拷贝进去

  1. 发布
    发布程序包前需要增加release签名,然后在工程的根目录下运行
npm run release

生成的应用路径为/dist/*.release.rpk

你可能感兴趣的:(快应用开发,前端)