xml地图|网站地图|网站标签 [设为首页] [加入收藏]

智能家电

当前位置:美高梅游戏网站 > 智能家电 > 开发第一个快应用

开发第一个快应用

来源:http://www.gd-chuangmei.com 作者:美高梅游戏网站 时间:2019-10-08 13:14

快应用官网

闲来无事,撩撩新技术!

图片 11.jpeg图片 22.jpeg图片 33.jpeg图片 44.jpeg

参考:【快应用开发文档】

先吐槽下

1.因为快应用刚出来,网上没有教程(至少我今天在写这个应用的时候,网上除了demo还是demo,而且demo是官网的demo)2.官网虽然有文档,但是文档还不完善,很多地方都不知道怎么解决,写这个应用真的是靠自己慢慢摸索写出来的,本来还有几个功能,因为实在找不出解决方法放弃了。。。

环境搭建

注:前几步跟官方文档教程基本一致,可跳过。
一、安装nodejs

需安装6.0以上版本的nodejs,请从NodeJS官网下载,推荐v6.11.3 LTS

直接打开6.11.3的链接地址:https://nodejs.org/dist/v6.11.3/

图片 5

版本目录.png

注意: 不要使用8.0.版本.这个版本内部ZipStream实现与node-archive包不兼容,会引起报错*

1.安装nodejs

nodejs可以在官网下载快应用文档说是不要使用8.0.*版本,推荐v6.11.3 LTS一开始以为是8以上不能用,查了下我电脑的是8.2.0,本来打算退回去的,尝试之后发现没有报错可以正常使用。

二、安装hap-toolkit

node.js下载安装完成后,打开命令行窗口

输入命令npm install -g hap-toolkit

图片 6

安装hap-toolkit等待.png

安装过程可能会需要一段时间,请耐心等待,安装完成如下图所示

图片 7

安装hap-toolkit完成.png

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

2.安装hap-toolkit
npm install -g hap-toolkit

这一步如果卡住了,可以ctrl+c终止,然后输入以下命令设置淘宝镜像,之后再安装

npm config set registry https://registry.npm.taobao.org

安装完成输入命令

hap -V

正确输出版本信息说明安装成功。

新建项目

1.执行以下命令初始化项目
hap init <你的项目名称>

命令执行后会在当前目录下生成名为 你的项目名称 的文件夹,作为项目根目录,目录结构如下:

├── 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根据这个配置文件,自动下载所需的运行和开发环境
一、创建第一个项目(FirstQuickApp)

找到合适的文件夹,打开命令行输入命令hap init 自定义项目名,出现prompt: Init your Project: (FirstQuickApp)后再次输入项目名,我这里是由于配置问题只能在node_global下执行命令

图片 8

创建第一个项目.png

创建完成后,在当前目录下可以查找到项目

图片 9

FirstQuickApp创建完成.png

2.编译项目

先安装依赖,在项目根目录执行以下命令

npm install

待安装完成,使用以下命令编译打包生成rpk包

npm run build

编译打包成功后,项目根目录下会生成文件夹:build、dist

  • build:临时产出,包含编译后的页面js,图片等
  • dist:最终产出,包含rpk文件。其实是将build目录下的资源打包压缩为一个文件,后缀名为rpk,这个rpk文件就是项目编译后的最终产出

使用以下命令可自动重新编译,

npm run watch
二、编译项目

到项目根目录FirstQuickApp下,打开命令行输入命令npm install安装依赖包;

再输入npm run build编译生成rpk包;

这样就已经完成了第一个快应用的创建和打包

如果希望每次修改源代码文件后,都自动重新编译项目,可继续输入命令npm run watch

注意:(我每次都遇到这个问题)

如果报错遇到Cannot find module '.../webpack.config.js',请重新执行一次hap update --force。这是由于高版本的npm在npm install时,会校验并删除了node_modules下部分文件夹,导致报错。而hap update --force会重新复制hap-tools文件夹到node_modules中

调试应用

1.安装调试器

调试器是一个android应用,直接下载安装

图片 10tiaoshi.png

安装完打开如图所示,此时按钮都不能点击,还需要再安装平台预览版两个应用安装完就可以安装快应用了

一、手机安装调试器

调试器APK是一个Android应用程序,下载地址 快应用调试器

安装后,打开调试器

图片 11

快应用调试器.png

说明如下:

  • 扫码安装:配置HTTP服务器地址,下载rpk包,并唤起平台运行rpk包
  • 本地安装:选择手机文件系统中的rpk包,并唤起平台运行rpk包
  • 在线更新:重新发送HTTP请求,更新rpk包,并唤起平台运行rpk包
  • 开始调试:唤起平台运行rpk包,并启动远程调试工具

注意:若无法正常使用调试器,请升级手机系统到最新版本或安装平台预览版

本文由美高梅游戏网站发布于智能家电,转载请注明出处:开发第一个快应用

关键词: