快应用开发系列(一)

64 篇文章 4 订阅
8 篇文章 1 订阅

一、前期环境安装准备:
1、安装nodejs

https://nodejs.org/en/

2、安装hap-toolkit

npm install -g hap-toolkit

在命令行中执行hap -V会输出版本信息表示hap-toolkit安装成功,如下命令所示:

hap -V

升级

hap update
hap update --force 强制升级

3、手机安装快应用调试器(下载了直接安装)

https://statres.quickapp.cn/quickapp/quickapp/201803/file/quickapp_debugger.apk

手机上安装后打开,如果支持,忽略后面的这句话。如果不支持,先升级手机的系统到最新版本,如果还是不行,再安装下面这个apk,提供预览环境

https://statres.quickapp.cn/quickapp/quickapp/201803/file/quickapp_platform_preview_release.apk

成功后会出现:
这里写图片描述
二、开始准备项目
1、创建项目

hap init demo(项目名称自定义)

会自动生成一个demo项目,目录结构如下:
这里写图片描述

src:存放项目的源文件夹
sign:签名模块,当前仅有debug签名,如果内测上线,请添加release文件夹,增加线上签名

2、安装依赖

npm install

三、开发运行调试
1、选择一款自己喜欢熟悉的编辑器
2、进入项目根目录,使用node命令来开启服务

npm run server  or  npm run server -- --port XXX(后者指定端口号)

启动成功后,pc端浏览器会输出一个二维码(PC机的服务器地址),或者根据cmd面板提示的地址手动输入来查看
3、扫描浏览器上的二维码

手机上启动快应用调试器,点击扫码安装:扫描浏览器上输出的二维码

4、开始调试

扫描二维码后,点击手机apk上的开始调试按钮,谷歌浏览器会尝试自动打开devtools调试页面

5、手机端预览

手动编译 + 手动刷新
npm run build
运行如下命令,完成编译,然后在手机快应用调试器中点击在线更新,即可查看当前代码运行效果
手动编译 + 自动刷新
npm run build && npm run notify
运行如下命令,一步完成编译和手机端自动刷新
自动编译 + 自动刷新
npm run watch
运行如下命令,启动文件监视器,每次修改工程文件时,会自动编译并在手机端刷新

有三种方式,如果是前期开发,建议选择第三种,修改保存后,手机端和浏览器端会同步刷新展示效果。

6、错误日志

当代码运行时发生异常,界面会弹出一个对话框,点击查看错误, 可以显示出错误发生的堆栈,供开发者分析。
devtools调试界面的console面板也有日志打印信息展示。(和RN一样)

四、打包发布
1、在工程的根目录下运行

npm run build

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

2、增加release签名
通过openssl命令等工具生成签名文件private.pem、certificate.pem,例如:

openssl req -newkey rsa:2048 -nodes -keyout private.pem -x509 -days 3650 -out certificate.pem

在工程的sign目录下创建release目录,将私钥文件private.pem和证书文件certificate.pem拷贝进去
3、发布
发布程序包前需要增加release签名,然后在工程的根目录下运行

npm run release

生成的应用路径为/dist/.signed.rpk
如果需要临时使用debug签名,可以使用

npm run release -- --debug

注意: debug签名由于是公开的,安全性无法保证,一定不要使用debug签名签发正式上线的应用

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在使用 quill.js 进行版本升级过程中,如果出现了 npm 报错,可能是由以下原因造成的: 1. 依赖包版本不兼容:升级 quill.js 版本后,可能需要更新相关依赖包的版本。如果没有更新依赖包,可能会导致依赖冲突或错误。可以通过查看 quill.js 官方文档或者社区来了解相关依赖包的版本要求,然后更新相应的依赖包。 2. 缺失其他依赖项:在进行版本升级时,有时候会引入新的依赖项。如果这些依赖项没有正确地通过 npm 安装,就会导致报错。可以尝试重新安装 quill.js 及其依赖项: ``` npm uninstall quill npm install quill ``` 3. 缺少必要的构建工具:某些 quill.js 的版本升级可能需要使用构建工具,例如 webpack、babel 等。如果没有正确配置这些构建工具,可能会导致报错。可以检查项目的构建工具配置是否正确,并按照 quill.js 官方文档或社区的要求进行配置。 4. 其他问题:除了上述原因外,还有可能出现其他问题导致 npm 报错。这时候可以尝试重新安装 npm 或者尝试使用其他支持 quill.js 的编辑器库。 总结来说,quill.js 升级版本时出现 npm 报错的原因很多,需要根据具体的错误信息来分析和解决。可以通过查看官方文档、社区讨论和相关资源来找到解决办法。如果问题仍然存在,可以贴出具体的错误信息,以便更好地帮助解决。 ### 回答2: 对于quill.js开发版本升级后出现的npm报错问题,可能是由于以下几个原因导致: 1. 依赖项错误:在升级版本后,可能某些依赖项的版本不兼容,导致npm报错。解决方法是检查相关依赖项的版本要求,并通过npm install命令更新它们。 2. 缓存问题:npm报错可能是由于缓存文件损坏或过期导致的。可以尝试清除npm的缓存,使用npm cache clean命令来清理缓存,然后重新运行npm install命令来安装quill.js。 3. 脚本冲突:升级版本后,可能出现原有脚本与新版本脚本冲突的情况,导致npm报错。解决方法是检查代码中是否有过时的、不兼容的API或脚本,进行相应的修改。 4. 安装问题:可能是npm安装过程中出现问题导致报错。可以尝试使用npm install --verbose命令来查看详细的安装日志,以定位具体出错的地方。 需要注意的是,具体的错误信息和报错内容会更有助于定位和解决该问题。可以根据报错信息进行相关的排查和调试操作。 ### 回答3: 当使用npm升级quill.js开发版本时,可能会遇到一些报错。其中一种常见的报错是“npm ERR! Cannot read property 'startsWith' of undefined”。 这个报错通常是由于升级quill.js版本后,没有正确更新相关依赖项而导致的。解决这个问题的方法是执行以下步骤: 1. 首先,打开终端或命令提示符,并进入项目的根目录。 2. 然后,运行以下命令以删除node_modules文件夹: ``` rm -rf node_modules ``` 3. 接着,运行以下命令以安装所有依赖项: ``` npm install ``` 4. 最后,运行以下命令以构建项目: ``` npm run build ``` 完成上述步骤后,npm应该不再报错,并且你可以继续使用quill.js进行开发。请确保你的npm版本是最新的,同时也可以尝试使用yarn来管理依赖项,因为有时候使用yarn可以避免一些常见的npm错误。 总之,升级quill.js开发版本时,如果遇到npm报错,可以尝试删除node_modules文件夹并重新安装依赖项来解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值