资讯专栏INFORMATION COLUMN

用HTML和JS来开发移动app - Hello Cordova

legendmohe / 2082人阅读

摘要:发现对一个习惯了硬件设备侧开发的人来说,不管是用还是直接用开发,都是一样的都是从开始。之前虽然高中时代做个网站,也仅限于用和所见即所得开发对都是一窍不通。为了给设备开发,在上硬着头皮看了个小时课程。

发现对一个习惯了硬件设备侧C开发的人来说,不管是用cordova(HTML+JS) 还是直接用android studio(JAVA)开发,都是一样的...都是从0开始。

之前虽然高中时代做个网站,也仅限于用FLASH和Dreamweaver 所见即所得开发.. 对Html CSS JS都是一窍不通。为了给设备开发APP,在w3school上硬着头皮看了4个小时JavaScript 课程。勉强能把它当C++中的结构体和类来幻想一下,具体更多了解还需要实战.

昨晚把开发环境部署好了,今天看了半天的JavaScript教程,晚上边google边尝试着开发第一app。

首先在终端利用命令行创建一个app项目,

cordova create 1stProject com.1stproject.hello HelloWorld

接着添加 android 相关工具,

cordova platform add android

成功后可以看到新建成功一个1stProject的文件夹,里面这个HelloWorld项目的所有工程文件了。

用Webstorm打开后,简单了下,主要文件是就www文件夹下的index.css index.js index.html 文件了。

根据下午看的一点JS皮毛,稍微修改了下代码,实现按下“Click Here”文字后会变成“Hello World”

可以打开index.html预览效果,鼠标点了下确实变了。试试插上手机,然后将app编译后安装到手机中去试试(手机必须把USB调试模式打开):

cordova run android

效果还不错 :) 我的第一个手机app 哈哈

感觉要排出好看的版面不容易啊,到京东买本HTML和JS入门的书先...春节规划:完成一个手机计算器APP - 再通过蓝牙实现跟硬件设备侧LCD同步显示。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85533.html

相关文章

  • Ionic2入坑基础教程安装指南

    摘要:安装程序主要通过命令行工具来创建和开发,并使用来构建和部署为原生应用程序。基础教程确保完成之前的安装并测试启动成功。 安装Ionic Ionic 2 程序主要通过Ionic命令行工具CLI来创建和开发,并使用Cordova来构建和部署为原生应用程序。也就是说我们需要先安装一些工具来实现程序开发。 安装Ionic CLI 和 Cordova 要创建 Ionic 2 项目,你需要安装最新版...

    jayce 评论0 收藏0
  • HTMLJS开发移动app - 部署Cordova配套开发环境

    摘要:安装完成后需要配置环境变量,将下的,添加到环境变量中,主要是可以执行等命令行工具运行,下载特定版本就是版本,比如的库及工具可以在里启动,也可以通过命令行来启动,然后参考说明下载特定版本比如。 最近想玩一玩手机app开发,以前都是自己DIY家里的一些硬件设备的,在这个天天喊智能的年代,不让它们上上网用手机控制都觉得这些玩意LOW得拿不出手了~ 决定要改造改造,第一步得学学怎么开发手机端控...

    yuxue 评论0 收藏0
  • cordova研习笔记(一) —— 初试牛刀之cordova.js概要

    摘要:任何初始化任务应该在文件中的事件的事件处理函数中。这个配置文件有几个地方很关键,一开始没有认真看,将插件导进工程跑的时候各种问题,十分头痛,不得不重新认真看看文档。 前言 来新公司的第一个任务,研究hybrid App中间层实现原理,做中间层插件开发。这个任务挺有意思,也很有挑战性,之前在DCloud虽然做过5+ App开发,但是中间层的东西确实涉及不多。本系列文章属于系列开篇cord...

    buildupchao 评论0 收藏0

发表评论

0条评论

legendmohe

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<