文档章节

html5转义为相应移动端app-Apache cordova+NodeJS环境配置

w-rain
 w-rain
发布于 2015/03/31 13:23
字数 937
阅读 80
收藏 0
点赞 0
评论 0

1.必要环境

    1.1 Java的JDK安装配置

        设置环境变量:

        在环境变量的系统变量设置 JAVA_HOME:C:\Program Files\Java\jdk1.8.0_05;

        再在设置系统变量 Classpath:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

        注意: 这个环境配置也不算绝对的,也要根据你的电脑设置而定。

   1.2 Apache Ant 安装配置

        下载地址:http://apache.fayea.com/apache-mirror/ant/binaries/

        设置环境变量:

        设置  ANT_HOME:D:\SoftWare Pakeages\apache-ant-1.9.4-bin\apache-ant-1.9.4;

        Path中添加:%ANT_HOME%\bin;

        

        注意: 这个环境配置也不算绝对的,也要根据你的电脑设置而定。

   1.3 Android SDK 安装配置

    下载好SDK之后,Path中添加  D:\SDK\android-sdk-windows\android-sdk-windows\tools;D:\SDK\android-sdk-windows\android-sdk-windows\platform-tools 这2个路径;

1.4 Node.js 的安装与配置

  node.js 的下载地址:http://nodejs.org/download/ ,建议最好安装32版本,也就是x86版本的。下载好之后直接安装,安装好之后在命令行输入: npm  install -g cordova 这是node的安装语法:npm  install -g  express

这样我们的apache cordova就安装配置好了,自己动手可以输入命令测试。

2.创建应用程序

2.1 创建项目

    打开命令行,使用cd进入你的项目工作空间文件下, 输入 cordova create hello com.example.hello HelloWorld –d

    第一个参数hello,指定目录名称。

    第二个参数com.example.hello类似C#的命名空间,或Java的包名。

    第三个参数指定了应用程序的显示标题。

2.2 添加平台支持

    使用cd 进入项目根目录,

        cordova  platform add android

        cordova  platform add ios

        注意:貌似ios开发只能在Mac机器上进行

        完成后运行以下命令查看:

        cordova  platfrom list

        如果以后需要移除Android平台支持,可以运行:

        cordova  platform rm android

‍2.3 添加插件

        添加语法: cordova  plugin add org.apache.cordova.Geolocation   引用插件

                    你可以用CLI搜索可用的插件,比如:

                    cordovaplugin search bar code

                    你可以通过以下命令安装插件,比如:

                    cordova  plugin add org.apache.cordova.device                   //设备API

                    cordova  plugin add org.apache.cordova.network-information  //网络(事件)

                    cordova  plugin add org.apache.cordova.battery-status      //电池(事件)

                    cordova  plugin add org.apache.cordova.device-motion     //加速器

                    cordova  plugin add org.apache.cordova.device-orientation     //罗盘

                    cordova  plugin add org.apache.cordova.geolocation         //定位

                    cordova  plugin add org.apache.cordova.camera                 //摄像头

                    cordova  plugin add org.apache.cordova.media-capture     //媒体文件处理

                    cordova  plugin add org.apache.cordova.media                   //媒体文件处理

                    cordova  plugin add org.apache.cordova.file                        //文件访问

                    cordova  plugin add org.apache.cordova.file-transfer          //文件传输

                    cordova  plugin add org.apache.cordova.dialogs                 //对话框

                    cordova  plugin add org.apache.cordova.vibration              //震动

                    cordova  plugin add org.apache.cordova.contacts               //联系人

                    cordova  plugin add org.apache.cordova.globalization       //全球化

                    cordova  plugin add org.apache.cordova.splashscreen       //闪屏

                    cordova  plugin add org.apache.cordova.inappbrowser             //打开新的浏览器窗口

                    cordova  plugin add org.apache.cordova.console                //调试控制台

                    你可以用以下命令查看所有已经安装的插件

                    cordova  plugin ls

                    使用以下命令删除插件:

                    cordova  plugin rm org.apache.cordova.console    

                    Plugin add高级选项

                    上面的安装方式是从registry.cordova.io库中按照id获取插件,这是一个非常通用的做法。你可以在安装时指定版本,比如:

                    cordova  plugin add org.apache.cordova.console@latest

                    cordova  plugin add org.apache.cordova.console@0.2.1

                    其中的latest表示获取最新版本。中间用@分隔。

                    如果插件不是在默认库中,而是在其他地方,则你可以指定URL:

                    cordova  plugin add https://github.com/apache/cordova-plugin-console.git

                    当然你需要先安装git。

 

2.4 编译应用程序
        

        cordova build  或 cordova  build android  //只针对Andorid平台编译

        1.cordova   build  android 创建app

        2.cordova emulate android 模拟器里运行;

        3.cordova serve android  服务器的运行  localhost:8000

        4.cordova run android  运行真机;

 

        如果最终提示:BUILD SUCCESSFUL,则编译成功。

        实际上build命令对应于以下两个命令:

        cordova  prepare android

        cordova  compile android

        

转载时请注明:来自w-rain的个人博客

© 著作权归作者所有

共有 人打赏支持
w-rain
粉丝 27
博文 43
码字总数 43952
作品 0
成都
程序员
扣丁学堂HTML5培训课程怎么样

  在如今,随着移动互联网技术的发展和进步,比如HTML5在移动互联端的应用,让更多人了解到它的丰富性趣味性便利性,但HTML5就包括这些么?扣丁学堂HTML5培训课程怎么样?零基础能学会么?...

扣丁学堂 ⋅ 06/01 ⋅ 0

WEB前端开发学习HTML5到底有多厉害?

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰 ⋅ 05/23 ⋅ 0

CLTPHP 内容管理系统 5.6 版本发布

CLTPHP5.6 版本发布。CLTPHP 内容管理系统,微信公众平台、APP 移动应用设计、HTML5 网站 API 定制开发。大型企业网站、个人博客论坛、手机网站定制开发。更高效、更快捷的进行定制开发。 更...

cltphp ⋅ 06/19 ⋅ 0

移动HTML5前端框架 - mui

性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其...

崔红保 ⋅ 2015/01/21 ⋅ 6

Express + JWT用户认证最轻实践

最近给自己列了一个list,Ummm...列来列去大概是下面这个样子: React SSR服务端渲染 jwt用户认证 Vue全家桶 微信小程序开发 ... 等等 好吧,谁让自己菜呢,没什么好抱怨的,一个一个来吧。正...

luffyZhou ⋅ 05/28 ⋅ 0

HTML5在客户端存储数据的新方法——localStorage

HTML5在客户端存储数据的新方法——localStorage localStorage作为HTML5本地存储web storage特性的API之一,主要作用是将数据保存在客户端中,而客户端一般是指上海网站设计用户的计算机。 ...

祈澈姑娘 ⋅ 2017/12/19 ⋅ 0

浅谈如何实现HTML5的离线存储

关于HTML5离线存储原理及实现,笔者找到一篇介绍离线缓存的,感觉比之前看到的解释的更透彻,新的知识点记录如下: 大家都知道Web App是通过浏览器来访问的,所以离线状态下是无法使用app的。...

小欣妹妹 ⋅ 04/19 ⋅ 0

实现多个标签页之间通信的几种方法(sharedworker)

示例地址 prologue 之前在网上看到一个面试题:如何实现浏览器中多个标签页之间的通信。我目前想到的方法有三种:使用websocket协议、通过localstorage、以及使用html5浏览器的新特性SharedW...

ITgecko ⋅ 04/11 ⋅ 0

session和token的安全认证

现在貌似大多数网站用户认证都是基于 session 的,即在服务端生成用户相关的 session 数据,而发给客户端 sesssionid 存放到 cookie 中,这样用客户端请求时带上 sessionid 就可以验证服务器...

BobwithB ⋅ 06/16 ⋅ 0

Phaser 3.6.0 发布,优秀的 HTML5 游戏框架

Phaser 3.6.0 已发布。Phaser 是一款非常优秀的 HTML5 游戏框架,致力于发展 PC 端和移动端的 HTML5 游戏,是一款不可多得的神器。基于 Pixi.js,支持桌面和移动 Web 浏览器。游戏可以通过第...

王练 ⋅ 04/23 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

对于程序员的招聘问题,作为软件人的一些吐槽和建议

作为软件人,找工作有时候似乎挺苦逼的。 说真的,让我去掉前面这句中“似乎”二字吧。就是苦逼!很多人都曾抱怨处在招聘的一方很糟糕——我们没有任何可靠的方式来甄别会写代码并且写得好的...

老道士 ⋅ 31分钟前 ⋅ 0

HDFS原理学习

一、概述 1、 Hadoop整合了众多的文件系统,首先提供了一个高层的文件系统抽象org.apache.hadoop.fs.FileSystem。然后有各个文件系统的实现类。 2、Hadoop是JAVA编写的,不同文件系统之间的交...

cjxcloud ⋅ 35分钟前 ⋅ 0

Linux下MySQL表名不区分大小写的设置方法(抄袭别人的)

Linux下MySQL表名不区分大小写的设置方法 MySQL表名不区分大小写的设置方法 在用centox安装mysql后,把项目的数据库移植了过去,发现一些表的数据查不到,排查了一下问题,最后发现是表名的大...

随风而浮沉 ⋅ 40分钟前 ⋅ 0

ubuntu下安装宋体simsun

sudo cp simsun.ttc /usr/share/fonts cd /usr/share/fonts sudo chmod 644 simsun.ttc 更新字体缓存: 代码: sudo mkfontscale 代码: sudo mkfontdir 代码: sudo fc-cache -fsv 安装chrome扩......

wangxuwei ⋅ 41分钟前 ⋅ 0

利用 ssh 传输文件

Linux 下一般可以用 scp 命令通过 ssh 传送文件: #把服务器上的 /home/user/a.txt 发送到本机的 /var/www/local_dir 目录下scp username@servername:/home/user/a.txt /var/www/local_dir...

大灰狼时间 ⋅ 51分钟前 ⋅ 0

web3j教程:android和java程序员如何使用web3j开发区块链以太坊

如何使用web3j为Java应用或Android App增加以太坊区块链支持,本教程内容即涉及以太坊中的核心概念,例如账户管理包括账户的创建、钱包创建、交易转账,交易与状态、智能合约开发与交互、过滤...

智能合约 ⋅ 今天 ⋅ 0

web3j开发java或android以太坊智能合约快速入门

web3j简介 web3j是一个轻量级、高度模块化、响应式、类型安全的Java和Android类库提供丰富API,用于处理以太坊智能合约及与以太坊网络上的客户端(节点)进行集成。 可以通过它进行以太坊区块链...

笔阁 ⋅ 今天 ⋅ 0

一起读书《深入浅出nodejs》-异步I/O

异步I/O “异步”这个名词其实很早就诞生了,但它大规模流行却是在Web 2.0浪潮中,它伴随着AJAX的第一个A(Asynchronous)席卷了Web。 为什么要异步I/O 关于异步I/O为何在Node里如此重要,这与...

小草先森 ⋅ 今天 ⋅ 0

JVM各种问题

1、如果启动什么都不设,会怎样? 先来看一个命令 [root@localhost bin]# java -XX:+PrintCommandLineFlags -version -XX:InitialHeapSize=29899008 -XX:MaxHeapSize=478384128 -XX:+PrintCo......

算法之名 ⋅ 今天 ⋅ 0

SAS笔记-宏2

宏是一种文本,一般来说其编译是在程序执行之前。 宏变量的创建 %let语句 %let macro_variables = text; %let是常见的宏变量建立方式,其编译就在执行前。如下例中,想要宏变量test等于数据集...

tonorth123 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部