快应用之先写出第一个hello world
快应用简介
快应用是各大手机厂商联合制定的,类似于微信小程序都是采用css+js前端开发,不同于微信的是,微信小程序依附在微信上,而快应用是可以再各大安卓应用市场上搜索直接打开,无须安装。还可以直接生成桌面图标,下次直接打开。快应用的使用体验和我们android开发出来的app差不多。所以,作为一名android开发仔,我决定学习它,多掌握一项技能。今天就先写出一个hello world吧
准备工作
要开发快应用,我们需要做好一些环境配置。
1.安装6.0以上的NodeJS,这个可以在NodeJS官网下载。
2.安装完成NodeJS后,还需安装hap-toolkit。安装方式是:在命令行输入
npm install -g hap-toolkit
接下来就是等待一下安装,安装完成后,再输入
hap -V
如果出现上图版本号0.0.32,证明你前面操作都成功了。
以上的是电脑的环境搭建,因为快应用最终是在手机上运行起来的。所以我们还需要,配置一下手机的环境。简单来说,就是下载一个快应用调试app。
1.下载需要到快应用官网点击打开链接,打开链接后,选择下载 快应用调试器
2.下载完成安装后,界面如下图
到这里,所有的环境都配置好了,接下来就到了正式创建一个快应用项目了。
创建快应用项目
1.创建一个快应用项目,在你想要放快应用项目的目录下,输入命令行
hap init <ProjectName> ProjectName就是你的项目名字
如下图:
成功后目录下就会出现 QuickAPPHello
2.接下来就是安装依赖,在项目的根目录下,输入命令行
npm install
我们现在只需等待它安装
3.安装完成后,我们再编译一下项目,在项目根目录下输入命令行
npm run build
出现上图的提示,证明我们一个完整的快应用项目已经创建完成了。再来看看项目目录结构
进行代码的编写
完成上面的两个步骤后,就正式进入了代码编写的环节了。因为快应用属于前端的范畴,所以我用得编写工具是Visual Studio Code。
1.需要在Visual Studio 安装一个插件,可以在搜索框上,直接搜索Hap Extension。
2.开发Visual Studio导入项目
选择到刚创建的文件
导入成功后,我们可以马上运行一下这个快应用,首先我们选择到 终端 选项
其实这就是一个cmd 命令行,接下来在界面上输入
npm run server
你会发现最终,会生成一个二维码。这时候,我们在第二步的时候,安装在手机的 快应用调试器 发挥作用了,我们在手机上打开 调试器,选择 扫码安装
然后点击,扫描二维码,我们的快应用就会安装到了手机上。注意:这里扫描安装的条件是,我们的手机和电脑必须在同一个局域网内,因为我们目前的应用只是在调试阶段,并没有真正发布到应用市场上,所以手机和电脑在不同局域网是会安装失败的。我们看看,扫描成功后。手机上安装的应用
这就是我们刚创建的应用。好了,我们改一下界面。写出一个hello world,完成今天的作业先。要改界面,我们需要先找到这个页面。
我们找到Demo目录,根据manifest.json文件的配置,可以知道,而这个Demo目录的页面入口就是叫index的文件
打开文件可以看到里面的代码
可以看到了,熟悉的文字字段。看到这里,我相信如果开发过前段的同学应该可以熟悉了!这就是html开发,所以我们直接完成作业,先把文字改一下。完成修改后,我们怎么更新到手机上呢?这时候,我们再在终端上多开一个窗口,输入命令
npm run watch
这个命令的意思是,你每次编写完保存代码,系统会自动更新到手机上。
再看回手机上
而当你点击退出快应用,界面上会提醒你,是否要保存为桌面图标。
好了,到这里已经完成了今天的作业了,快应用的第一个hello world。大家赶紧玩起来吧,我是一名Android 工程师,加油吧!
快应用之先写出第一个hello world相关推荐
- 如何利用Citespace和vosviewer既快又好地写出高质量的论文及快速锁定热点和重点文献进行可视化分析?
基于Citespace和vosviewer文献计量学可视化SCI论文高效写作方法 CiteSpace是什么? 简单来说,它一款通过将国内外文献进行可视化分析来帮助你了解一门学科前世今生的软件. 面对成 ...
- Laravel php 框架的使用写出第一个hello world,Laravel 入门配置
Laravel 第一次使用,如何写出第一个hello world Laravel php 框架第一次接触,遇到一些困难,在这里记录一下,有需要的童鞋可以看一下 从github上下载下来最新版,地址如下 ...
- 【初识C语言】如何写出第一个C语言代码
如何写代码? 1.写出主函数(main函数) 如何执行?-c语言是从主函数的第一行开始执行的 所以c语言代码中得有mian函数-入口 printf -库函数-在屏幕上打印信息 printf 的使用,也 ...
- (四)代码优化 (快来看看怎样写出真正高性能的代码)
代码优化 JS开销和如何缩短解析时间[为什么我的JS运行慢] js开销在哪里 解决方案 减少主线程工作量 Progressive Bootstrapping(渐进式启动) 配合V8 有效优化代码[路走 ...
- 我大一的时候就写出了一个Android邮件框架
/ 今日科技快讯 / 为推动自动驾驶技术的发展和应用,北京市近期发布最新的自动驾驶车辆道路测试管理实施细则,首次允许自动驾驶车辆,进行载人和载物测试. / 作者简介 / 本篇文章来自小 ...
- 如何又快又好地写出优质PPT
本人在从业的十多年当中,也需要撰写各种PPT,精心设计过各种场景的PPT,积累了大量的经验与心得,谨以此献给每天都要用幻灯片去说服同事.领导.客户的职场人士们! 为什么要做PPT 为什么要做PPT?原 ...
- 用 Python 写出了一个 Gameboy 模拟器
点击上方"编程派",选择设为"设为星标" 优质文章,第一时间送达! 感觉用 Atari 游戏研究人工智能有点「不够接地气」?现在我们可以使用 Gameboy 模 ...
- python写计算机模拟器_用 Python 写出了一个 Gameboy 模拟器
点击上方"编程派",选择设为"设为星标" 优质文章,第一时间送达! 感觉用 Atari 游戏研究人工智能有点「不够接地气」?现在我们可以使用 Gameboy 模 ...
- 在线报名竞赛网站java源码_我用Java写出了一个QQ!可在线聊天(附源码)~
来源:blog.csdn.net/weixin_44048140 正文如下: 一. 功能实现 1.修改功能(密码.昵称.个性签名) 2.添加好友.删除好友 3.单聊功能 4.判断好友是否在线 二. 模 ...
最新文章
- 在字符串中附加格式化的字符串
- oracle主键自动增长
- 04.Python基础_列表_元组_字典_集合
- epoll反应堆模型代码
- mysqlierror php_php操作mysqli(示例代码)
- 2019年全球最受欢迎数据库新鲜出炉,你猜中了吗?
- 发现大数据产业创新黑马,CBDS2016大数据双创路演火热召集
- 哪个html元素指定了页面描述,网页的设计HTML元素属性2.doc
- Ubuntu16.04LTS+CUDA8.0+cuDNN5.1+Anaconda3(python3.6)+tensorflow_gpu-1.2.1安装过程全记录
- 自带CA ,sha256 哈希签名,2048 位加密 脚本,通用
- split函数 在oracle,oracle的split函数
- 搜狗输入法linux版 rpm,opensuse 制作搜狗输入法rpm包
- 教你如何真正玩转XP共享
- 冬瓜哥祝大家新年快乐!
- 【微服务】(十)—— 统一网关Gateway
- Windows 下编译 OpenSSL
- return next(val for val in obj if safe_isfinite(val)) StopIteravtion报错解决方法
- js getday()获取值不对
- ElasticSearch中的分片(shards)是什么
- 《final关键字》