快应用开发流程

快应用介绍以及优势:

1. 快应用是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。 

2. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。 

3. 快应用具备传统APP完整的应用体验,无需安装、即点即用。


一、环境搭建

1. 安装nodejs

安装6.0以上版本的NodeJS,推荐v6.11.3。不要使用8.0.*版本.这个版本内部ZipStream实现与node-archive包不兼容,会引起报错 

2. 安装hap-toolkit

在命令行中执行 hap-v 会输出版本信息表示hap-toolkit安装成功


二、初始化项目以及调试

1. 选择或者自己先进一个文件夹,在命令行中输入:

    hap init <ProjectName>

项目目录如下:


ux后缀名文件内容如下:


2. 安装依赖

    npm install

3. vs code安装插件

    Hap Extension

3. 编译项目

(1)手动编译项目

        npm run build

(2)自动编译项目

        npm run watch

4. 预览和调试

    (1)安装调试器

            下载调试器

            下载预览平台

            两个应用安装完就可以安装快应用了 

    (2)安装快应用

            HTTP请求:启动HTTP服务器(npm run server),打开调试器,点击扫码安装

            本地安装:将rpk包拷到手机,打开调试器,点击本地安装,选择拷进的rpk包


三、快应用遇到的一些问题

1. 项目的页面样式和布局

   框架目前仅支持长度单位px和%

   项目配置基准宽度:项目的配置文件(<ProjectName>/src/manifest.json)中config.designWidth的值,默认为750

2. 调试

    谷歌 devtools工具 无法选中元素调样式



2
回复
13
查看

打印 上一主题 下一主题


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