快应用 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文件下载

Logo

智屏生态联盟致力于大屏生态发展,利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐