美文网首页
快应用之初体验

快应用之初体验

作者: 罗宾船长 | 来源:发表于2018-03-28 17:40 被阅读0次

明人不说慢话,直接开始。


接入快应用流程图.png

一.注册快应用联盟账号

浏览器打开快应用联盟官网,用邮箱注册。

二.绑定各厂商开发中账号

这一步先跳过...

三.开发快应用

准备开发环境,详情见环境搭建,cmd 看到如下如所示就表示开发环境准备好了。

cmd截图

开始创建项目

首先打开命令行工具,定位到你要创建项目的目录;

hap init helloQuick   //创建你的项目 是不是和npm install 很像
hap init helloQuick

执行完成后,查看一下 helloQuick 是否被创建

和官网的目录结构有点不一样 node_modules 已经生成了
cd helloQuick //定位到helloQuick 目录

npm install  //执行命令

发现报错了:
Cannot find module '/work/quick/node_modules/hap-tools/webpack.config.js
论坛找一下发现同样的问题 问题289

hap update --force //执行完后
npm run build //直接编译

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

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

预览

首先你要下载这两个app安装到手机上,如果你是电脑下载的.zip包,将.zip改成.apk
调试器
平台预览版

  1. 手机打开 快应用调试器
    2B37D27461C87592243C37BD215527A7.jpg
  2. 选择本地安装
    1CFE2F5E9F72D35F19D40A6CB4B7FA44.jpg
  3. 找到刚才编译好的rpk(在项目dist文件夹里面,需要先传入手机)文件并打开 3068DC6606755D964D714851B5E3A822.jpg
    下一篇《快应用预览,扫码安装自动更新rpk包,方便快捷》

总结


快应用的创建还是很简单的,从创建到编译到预览 没有遇到什么问题,由于自身有Android和前端的开发经验,上手还是比较快的,至于快应用和原生开发的区别,在日后的开发中会慢慢发现。

相关文章

  • 快应用之初体验

    明人不说慢话,直接开始。 一.注册快应用联盟账号 浏览器打开快应用联盟官网,用邮箱注册。 二.绑定各厂商开发中账号...

  • 快应用预览,扫码安装自动更新rpk包,方便快捷

    上一篇《快应用之初体验》我们了解了如何 创建项目 ,编译项目,本地预览,前两个步骤不是很复杂,但是但我们需...

  • 快应用初体验

    观众朋友们,大家晚上好。昨天圈子里很多人都听说了一个新的名词——快应用。于是前方记者立刻了解了一下相关消息,并初步...

  • 快应用通讯原理

    快应用架构 快应用整体架构&Dom构建原理,官网文档上有详细介绍如下链接:快应用开发体验与技术架构深度解析!原理和...

  • 天气应用Solar体验日记

    天气应用Solar体验日记 载天气应用solar好久了,下载之初玩过几天之后,就再没碰过了;今天在最美上看到有人提...

  • 快应用开发常见问题及解决方案

    快应用是移动互联网新型应用生态,与手机系统深度整合,为用户提供更加场景化的体验。具备传统 APP 完整的应用体验,...

  • 快应用之开发体验纪要

    何谓「快应用」呢?它是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将...

  • 编写你的第一个QuickApp(快应用)

    起因 介绍:快应用具备传统APP完整的应用体验,无需安装、即点即用。是的,官方是这样吹的。我实际体验了下,感觉确实...

  • 全网稀缺的快应用开源项目-熊宝儿歌故事QuickApp

    熊宝儿歌故事QuickApp 熊宝儿歌故事基于快应用技术开发,且小程序版已经上线欢迎大家体验,由于快应用推出时间不...

  • 小本秋招历程

    春招之初体验 秋招之路

网友评论

      本文标题:快应用之初体验

      本文链接:https://www.haomeiwen.com/subject/iacycftx.html