文档章节

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

w-rain
 w-rain
发布于 2015/03/31 13:23
字数 937
阅读 90
收藏 2

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
博文 52
码字总数 44008
作品 0
成都
程序员
HTML5定稿了,为什么原生App世界将被颠覆

2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿。 过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界...

程序袁_绪龙
2015/01/05
0
0
移动开发—HTML5 or Native?

移动开发—HTML5 or Native?HTML5,“Write once, run anywhere”,态势足以秒杀一切。而今随着移动设备越来越先进,对HTML5的支持度越来越高,进军移动领域时会遇到是选择HTML5和还是Nativ...

GeminiLiu
2014/06/09
0
0
HTML5从入门到精通,零基础学员必看

学习html5从入门到精通,零基础新手也能看懂,无论你是唱歌,画画的艺术生,还是学习机械专业的工科生,或者大学读的文学学科。先了解HTML5可以实现的功能有哪儿些? 1. HTML5可以同时在多种...

课工场CC老师
2017/11/08
0
0
起点海外版 Hybrid App-内嵌页优化实践

本文作者:刘文涛 原创声明:本文为阅文前端团队 YFE 成员出品,请尊重原创,转载请联系公众号 (id: yuewen_YFE) 获取授权,并注明作者、出处和链接。 今年年初我司开启了起点品牌的海外之旅...

阅文集团前端团队
06/25
0
0
扣丁学堂HTML5培训课程怎么样

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

扣丁学堂
06/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

深入理解OAuth2.0协议

1. 引言 如果你开车去酒店赴宴,你经常会苦于找不到停车位而耽误很多时间。是否有好办法可以避免这个问题呢?有的,听说有一些豪车的车主就不担心这个问题。豪车一般配备两种钥匙:主钥匙和泊...

xtof
6分钟前
0
0
Linux学习-0920

3.4 usermod命令 3.5 用户密码管理 3.6 mkpasswd命令 一、usermode命令 usermode作用是用来修改用户信息。 方法: usermod 参数 username 示例1:修改用户uid usermod -u 1010 test5 示例2...

wxy丶
16分钟前
0
0
synchronized锁对象的坑

今天本来写点其他东西,碰巧写了一下synchronized,没想到掉坑里面了,大佬别笑。 起初代码大概是这样的: package com.ripplechan.part_1_2_3;import java.util.concurrent.CountDownL...

RippleChan
19分钟前
0
0
XAMPP环境搭建(Apache + MariaDB + PHP + Perl)

operation system:ubuntu-18.04.1 step1:download XAMPP #sudo wget https://www.apachefriends.org/xampp-files/7.2.9/xampp-linux-x64-7.2.9-0-installer.run step2:install XAMPP #sudo ......

硅谷课堂
22分钟前
0
0
关于获取3DS MAX中的蒙皮数据 3DSMAX C++API的应用

目的是为OSG做自定义的导出插件. 记录取得数据的方法. Max在代码中会提供一个INode对象. 从这个对象里取出各种数据. getSkin这个函数取出了ISkin修改器 下面这个函数一样是用于学习, 把数据输...

洛克人杰洛
28分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部