cordova环境搭建(win7)
- 格式:doc
- 大小:539.50 KB
- 文档页数:14
iOS下的Cordova的基本搭建步骤1、安装Node.js
前往下载Node.js for Mac(我⽤的是4.4.3版本,这是最多⼈⽤的,对最新版本总有点不放⼼)点开安装,安装完毕后就可以⾷⽤npm命令了
2、安装npm.js
打开终端,⽅法:Finder--应⽤程序--实⽤⼯具--终端,或者command+空格,搜索“终端”
输⼊指令:
完成后进⾏下⼀步,输⼊指令:
sudo npm update npm -g
对npm进⾏更新,可以使⽤以下命令查看其版本:
npm -v
3、使⽤命令⾏CLI安装Cordova
输⼊指令:
sudo npm install -g cordova
查看版本:
cordova -v
Cordova安装完毕
4、创建⼀个新项⽬
输⼊指令:
cordova create aaa bbb ccc
aaa:⽂件名
bbb:apple id
ccc:显⽰的title
5、搭建平台
指令:cd aaa 前往该⽂件所在位置
安装平台:
cordova platform add ios
这⾥添加的是iOS,如果要换,把ios换成想要的平台即可
6、插件安装
输⼊指令:
cordova plugin add path_to_plugin_files
path_to_plugin_files:⽂档地址
例⼦:
7、运⾏
指令:
cordova emulate ios。
window7安装Oracle10g全过程前面是注意事项,后部分是安装图解首先,我安装的Oracle版本是Oracle10g 10.2.0,具体安装过程如下:1、配置一个虚拟的IP:在安装ORACLE 10g前系统会检测安装的一些前提条件是否满足,往往会提示说:将Microsoft LoopBack Adapter配置为系统的主网络适配器。
操作如下:“控制面板”—>“硬件和声音”—>”设备管理器”—>“操作”—>“添加过时的硬件”—>”下一步”—>手动安装过时的硬件—>选择“网络适配器”→“Microsoft”“Loopback Adapter”→确定,这时你会发现多了一个本地连接,把它的IP地址配置为192.168.0.82、把Oracle的安装文件setup.exe设置成为兼容“windows XP”的,然后以“管理员身份运行”,即可开始安装。
(网上有人说要换JDK,如果装不上的话可以试试,具体方法可以上谷歌上搜搜,我安装时没有出现这个问题,可能是因为我已经把jdk1.5设置到的环境变量中的原因吧)3、安装完成后运行Oracle的EM(企业管理器)用sys账号登陆发现实例没有正常启动,报错“Oracle 10g ng.Exception: Exception in sending Request :: null”上网搜了一下,发现是时区的配置不对。
解决方案:找到下面的文件$ORACLE_HOME/db_1/$HOSTNAME/sysman/config/emd.properties其中的agentTZRegion缺省是GMT,改为你所在的时区即可,例如:agentTZRegion=Asia/Chungking关于时区的列表参考:10.2.0/db_1/sysman/admin/supportedtzs.lst然后先停止dbconsole 使时区设置生效并重启OracleDBConsole:stop dbconsoleemctl resetTZ agentemctl config agent getTZstart dbconsole实在不行就重启电脑,应该就没问题了。
Cordova&Ionic安装操作详细步骤武深龙2017-07-06备注:本文档所介绍安装的软件,建议运行PC机是64位,建议PC的内存配置至少4G以上,本人最初用32位虚拟机,3G内存的win7配置下面步骤,吃尽了苦头特此说明;另外当本人重新安装64位虚拟win7后,由于心慈手软竟然只分配了40G的磁盘空间,结果完成下面操作后40G硬盘空间竟然所剩无几,因此建议项目组其他成员在执行下述过程时,尽量选择较大磁盘空间;另外第一次安装并执行命令时,有许多支持包需要在线下载,所以务请选择网速较好时进行第一次操作,否则由于网络延迟造成命令执行失败,则容易出现第二次执行仍然失败现象,切记!切记!!!。
1.打开浏览器登录网址如下https:///en/download/current/下载最新的Node.js版本2.本文档以下载8.1.3版本为例说明双击所下载文件进行安装,本文档安装在c:\nodejs目录下,安装成功的标识如下图所示3.在Node.js基础上安装Cordova,安装命令如下c:\nodejs> npm install -g cordova安装过程可能会比较慢,具体的快慢取决于网速和当前网络环境,不排除网站已经被屏蔽的可能性,如果中途安装失败还是一个比较麻烦的事,因为第一次安装失败可能会造成无法进行第二次安装,需要完全卸载Node.js并且将目录删除干净,重新安装Node.js后再执行上述操作,总之耐心等待,都是网络屏蔽惹的祸没办法,具体如下图所示:Cordova安装成功的标志如下图所示4.下载安装JDK并配置环境变量安装过程略过,安装完成后首先配置JAVA_HOME如下图所示配置PATH如下图所示配置CLASSPATH如下图所示:配置完全正确的检验方法如下图:5.安装ADT首先下载ADT具体网址如下:/index.php/sdk 本文档以安装在C:\ android-sdk为例,如下图所示:安装后进入进度如下界面,为了让后面的操作步骤顺畅,此处建议选择全部安装,只是全部安装占用空间较大,而且下载需要花费很长时间,如下图所示:在环境变量path中配置如下:C:\android-sdk\platform-tools;C:\android-sdk\tools,具体如下图所示:6.安装ant下载地址如下:/bindownload.cgi下载后解压到c:\ apache-ant目录下配置环境变量如下:Ant安装成功的标志是在dos窗口下执行命令,返回大致如下图所示:7.下载配置Gradle下载网址如下:https:///releases/本文档以安装在c:\gradle目录下为例来说明首先配置GRADLE_HOME如下图所示然后在path中加入c:\gradle\bin,如下图所示:此部分配置成功的标志是执行如如下命令,dos窗口返回如下:8.用cordova创建项目此时在c:\myproject目录下创建一个完整的cordova工程,如下图所示:文档作者将已经开发的demo放置在www目录下,如下图所示:9.添加安卓平台执行如下图所示命令10.首次编译输入命令如下图所示:c:\myproject\zsyy\cordova build android第一次编译需要下载指定版本的Gradle,由于从国外网站下载可能网速会比较慢,因此可能会造成编译不成功,我就下载了好多次未成,最终选择一个早晨网速很好的时候重新执行方才下载完成,页面截图大致如下:11.将Crosswalk集成到工程当中上述配置过程打出的包优点是比较小,缺点是需要调用系统中的webview,由于各种老旧webview对HTML5/CSS3支持的不好,在android各版本调试CSS 兼容性简直就是噩梦,因此需要安装Crosswalk。
Cordova是一个用于构建跨平台移动应用的开源框架。
以下是Cordova的一些基本用法:
安装Cordova:首先,你需要在命令行中安装Cordova。
可以通过npm(Node Package Manager)来安装,命令为“npm install -g cordova”。
创建新项目:安装完Cordova后,你可以创建一个新的Cordova项目。
命令为“cordova create <项目名称> <项目目录> <项目ID>”。
添加平台支持:在创建项目后,你需要为项目添加目标平台的支持。
例如,如果你想添加Android平台的支持,可以使用命令“cordova platform add android”。
构建应用:添加平台支持后,你可以使用命令“cordova build”来构建应用。
你也可以指定构建的平台,如“cordova build android”。
在模拟器或设备上运行应用:构建完成后,你可以使用命令“cordova emulate <平台>”在模拟器上运行应用,或者使用命令“cordova run <平台>”在连接的设备上运行应用。
插件管理:Cordova允许你通过插件来扩展应用的功能。
你可以使用命令“cordova plugin add <插件名称>”来添加插件,或者使用命令“cordova plugin remove <插件名称>”来移除插件。
帮助和文档:如果你需要关于Cordova的更多信息,可以使用命令“cordova help”来获取帮助,或者查阅Cordova的官方文档。
声明:本文非原创,而是对以下的文章的一些整理:一步一步了解Cocos2dx 3.0 正式版本开发环境搭建(Win32/Android)Cocos2d-x 3.4环境搭建及apk发布调试之谜海归巢Windows7 64位系统搭建Cocos2d-x 2.2.1最新版以及Android交叉编译环境(详细教程)Cocos2dx.3x入门三部曲-Hello Game项目创建(二)cocos2d-x3.2 在Windows下打包Android平台APKPS:本人电脑是win7 64位,用的是cocos2d-x 3.6。
准备工具Cocos2d-x 3.x【我的版本是3.6】Windows环境:VS2012Python-2.7Android环境:apache-ant-1.8.2-bin.tar.zip 【ANT】Java JDK(版本:jdk-8u40-windows-x64)adt-bundle-windows-x86_64-20121030 【集成了Android SDK与Eclipse】Android-ndk64-r10b-windows-x86_64 【NDK】cygwin2.738 native(本地版)Windows环境搭建1.安装vs2012如果是msdn版是不用注册的,不过安装的时候记得先把系统日期先调到2012到2012年左右,否则会出现什么时间戳有问题,安装不成功。
如果不是msdn版的就自己上网找注册码。
2.Python安装与环境配置安装的时候使用默认安装方式即可,但是安装完毕后我们需要配置环境变量。
在我的电脑(右键)->属性->高级系统设置->高级选项卡->环境变量->系统变量中找到Path 变量,并在其值中增加指向Python的环境变量。
格式为 [Python安装路径]; 例如我的安装路径为F:\Python 2.7.8,即在path里添加“F:\Python 2.7.8;”【注意加上分号,分号是区分各个不同的路径的】。
Cordova教程跨平台移动应用程序开发框架Cordova教程:跨平台移动应用程序开发框架移动应用程序越来越受欢迎,因为人们越来越多地使用智能手机和平板电脑。
开发移动应用程序是为了满足这种需求。
可是,移动应用程序的开发并不容易,因为每种移动设备都有自己的操作系统和编程语言。
这就使得开发者需要编写多个版本的应用程序才能在不同的基于不同平台上运行。
Cordova是一个框架,可以帮助开发者仅编写一份代码在多个平台上运行。
Cordova简介Cordova是一种开源的跨平台移动应用程序开发框架,它是基于HTML、CSS、JavaScript编写的。
Cordova最初由下面这几个项目合并而成,它们分别是:● PhoneGap项目:由Adobe管理和支持● Apache Cordova项目:由Apache管理和支持● Cordova CLI:由Cordova社区维护Cordova的工作原理非常简单。
开发人员编写基于HTML、CSS和JavaScript的应用程序代码。
然后,Cordova将此代码打包为Android、iOS等其他移动操作系统可以识别的本地应用程序。
Cordova的功能使用Cordova可以让开发人员轻松地在不同的平台上构建和部署应用程序。
以下是Cordova的主要功能:● 跨平台一次编写,多个平台使用:Cordova可以让开发人员使用相同的代码创建多个平台上的移动应用程序。
● 硬件支持:Cordova支持所有与设备硬件有关的功能,例如加速器、摄像机、声音和震动等。
● 插件支持:Cordova拥有一个庞大的插件库,支持多种常用插件和第三方插件。
● 创意构建:使用Cordova,开发人员可以使用与平台无关的CSS和JavaScript框架构建应用程序。
Cordova的核心概念以下是开发人员构建跨平台Cordova应用程序的一些核心概念:● 插件● 平台● HTML、CSS和JavaScript文件● 部署在此之后是对这些核心概念的更详细的描述。
cordova调试方法Cordova 是一个用于构建混合移动应用程序的开源框架,它允许开发人员使用 Web 技术(如 HTML、CSS 和 JavaScript)来创建跨平台的移动应用。
在开发过程中,调试是至关重要的,因为它有助于发现和解决应用程序中的问题。
以下是一些常见的 Cordova 调试方法:1. Chrome 开发者工具,Cordova 应用程序可以使用 Chrome开发者工具进行调试。
通过在 Chrome 浏览器中打开应用程序,并使用开发者工具的“远程设备”功能,可以查看应用程序的控制台日志、网络请求和其他调试信息。
2. Weinre(Web Inspector Remote),Weinre 是一个远程Web 调试工具,它允许您远程调试 Cordova 应用程序。
通过在应用程序中引入 Weinre 脚本,并在浏览器中打开 Weinre 控制台,您可以查看应用程序的 DOM 结构、样式和调试信息。
3. 使用 Cordova 插件,有一些 Cordova 插件可以帮助开发人员调试应用程序,如 Cordova 插件 Console、Cordova 插件Device 和 Cordova 插件 Diagnostic。
这些插件可以提供设备信息、日志记录和其他有用的调试功能。
4. 模拟器和真机调试,在开发过程中,可以使用模拟器或连接真机来调试应用程序。
通过在模拟器或真机上运行应用程序,并使用相应的开发者工具来查看日志和调试信息,可以更好地了解应用程序的行为。
总的来说,Cordova 应用程序的调试可以通过多种方式进行,开发人员可以根据具体情况选择合适的调试方法来定位和解决问题。
希望以上信息对你有所帮助。
Win7+Oracle 10g+IIS7.5环境下安装Cognos8.4详细步骤说明作者:小伟MSN: great_xingwei@Email: xingwei77@一、安装环境 (1)二、参考资料 (2)三、安装步骤 (2)1. 安装Cognos8 BI Server组件 (2)1)以“兼容方式“启动程序: (2)2)正式安装: (4)3)安装后确认及设置JDK: (5)2.设置oracle作为Content Database: (6)1)在oracle 10g中创建实例 (6)2)在COGNOSBI数据库中创建cognos用户 (7)3)拷贝ORACLE的ojdbc5.jar包到cognos目录 (7)4)在Cognos Configuration中配置content database (8)3.在IIS7.5中设置 (9)1)检查IIS是否装了CGI或ISAPI; (9)2)创建Cognos 8的虚拟目录; (11)3)修改ISAPI 或者CGI Extensions; (12)4)给cgi-bin虚拟目录添加module mapping; (14)5)修改..\c8\cgi-bin\web.config的module mapping (16)一、安装环境安装路径:Cognos 8.4:安装在D:\cognos目录Oracle 10g:安装在D:\oracle目录二、参考资料作者在编写此篇文档时,主要参考了以下几篇资料。
以下几篇资料各有侧重,但是缺少cognos安装->oracle配置->IIS7.5配置的全过程的详细描述。
因此作者在以下几篇文档的基础上,进一步加以整理,最终汇总形成一个覆盖各个步骤的完整文档,希望对需要在类似环境下安装配置cognos 8.4的同学们有帮助。
●《(安装部署) Cognos 8.4 + Oracle9i》:/cognos/archive/2010/09/01/1814922.html●《windows7下安装Cognos8.3》:/club/viewthread.php?tid=7170●《win7 安装 cognos IIS配置问题》:/club/thread-7657-1-1.html三、安装步骤整个安装过程按照前后顺序,共分为3大步骤:●第1步:安装Cognos8.4 BI Server组件●第2步:安装并设置Oracle 10g作为Content Store●第3步:在IIS7.5中设置1.安装Cognos8 BI Server组件1)以“兼容方式“启动程序:a)打开c8bisrvr_win32_8.4.27.78_ml\win32目录,找到issetup.exe文件,右键点击,选择“兼容性疑难解答”:b)在弹出的“程序兼容性”对话框中,点击选择“疑难解答程序”:c)选择第一项“此程序在以前版本的windows中正常工作,但不会立即安装或运行”,点击“下一步”d)选择“windows Vista”,点击下一步e)选择“启动程序”,进入安装界面2)正式安装:设置安装目录为d:\cognos,其他项目按一般软件的安装过程一路next,到达这里:此处的选项中,Cognos Content Database是cognos默认的apache Derby数据库,可选择不安装,并可在稍后将Content Database指定为Oracle。
接着点击“Next”按钮;在出现的窗口选择“I Will install the operating system later”(我将以后安装操作系统),点击“Next”按钮(如图2);
图2
接着选择“Guest Operating system”如图3,点击“Next”按钮;
图3
然后修改“Virtual machine name”为“Chrome OS”,将安装位置设置为有较大空间的文件夹,点击“Next”按钮(如图4);
图4
接着设置处理器的数量(如图5),点击“Next”按钮;设置虚拟机的内存(如图6),点击“Next”按钮;
图5
VMware7安装Chrome OS实战
选择网络类型为桥接(如图7,有家用宽带路由器且开启DHCP建议选择);
图7
然后点击“Next”按钮;选择使用已有的虚拟硬盘(如图8),点击“Next”按钮;选择刚才解压的虚拟硬盘文件,点击“Next”按钮(如图9);
图8
图9
启动该虚拟机就可以进入Chrome OS系统了(如图10)。
图10
搞定,大家继续往下体验吧:)。
Cordova 环境搭建1安装jdk工具文件夹中:jdk目录1)下载地址:/technetwork/java/javase/downloads/index.html设置环境变量:JA V A_HOME= C:\Program Files\Java\jdk1.6.0_45JRE_HOME=C:\Program Files\Java\jdk1.6.0_45\jreCLASSPATH=.;%JA V A_HOME%\lib\dt.jar;%JA V A_HOME%\lib\tools.jarPath=%ANT_HOME%\bin;%MA VEN_HOME%\bin;%JA V A_HOME%\bin;%SystemRoot%\syst em32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\Windo wsPowerShell\v1.0\;C:\Program Files\MySQL\MySQL Server 5.5\bin;D:\Program Files\TortoiseSVN\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;C:\P rogram Files\nodejs\2 安装Apache Ant工具文件夹中:apache-ant-1.9.4-bin.zip下载地址:/apache-mirror/ant/binaries/设置环境变量:新建ANT_HOME=E:\ant\apache-ant-1.9.4Path中添加:%ANT_HOME%\bin;3安装Android SDK工具文件夹中:android-环境-64x.zip运行命令行工具之前,你应该确保你已经安装了目标平台所需的SDK。
以Android为例,我们可以到以下网址下载一个安装套件:/sdk/index.html点击页面右侧的“Download the SDK ADT Bundle for Windows”下载安装。
当然你也可以逐个下载和配置,不过针对初学者我推荐下载上面的安装套件,省时省力。
其他平台的SDK,请参照官方文档:/docs/en/3.4.0/guide_platforms_index.md.html#Platform%20Gu ides注意:请把SDK的路径添加到系统环境变量Path中去,总共两个。
比如d:\adt-bundle\sdk\tools和d:\adt-bundle\sdk\platform-tools4安装Node.js工具文件夹中:nodejs.zip下载地址:/download/安装完成后,运行Node.js command prompt出现:Your environment has been set up for using Node.js 0.10.36 (x64) and npm.为正在配置环境变量运行:node -v 查看node.js的版本号5安装cordova在Node.js command prompt中,运行npm install -g cordova直接运行npm install -g cordova 安装的cordova版本为当前的最高版本下载指定cordova版本,运行npm install -g cordova@4.2.0,安装的即为4.2.0版本6创建应用工程自定义一个工作空间进入工作空间并创建应用工程运行:cordova create hello com.example.hello HelloWorld -d第一个参数hello,指定目录名称。
第二个参数com.example.hello类似C#的命名空间,或Java的包名。
(不太确定,读者自行鉴别,原文写的是a reversedomain-style identifier)第三个参数指定了应用程序的显示标题。
完成后可以查看Hello目录及其子目录结构7添加特点平台支持注意,以下所有命令都要在项目根目录下运行(用cd命令进入)。
首先,你需要添加你所需要支持的平台,比如:cordova platform add androidcordova platform add ios注:貌似ios开发只能在Mac机器上进行,所以上面的add ios不会出现在Windows机器上。
完成后运行以下命令查看:cordova platfrom list如果以后需要移除Android平台支持,可以运行:cordova platform rm android运行platform add或platform rm命令会影响项目目录下的内容。
每一个被添加的平台会在项目根目录下的platform下产生一个对应平台的子目录。
你可以看到各个平台下也存在www 目录,比如platforms\android\assets\www。
因为CLI会不断的复制项目根目录下的www中的内容,所以你应确保不要对平台下的www目录中的内容进行修改。
如果你实在有这个需求,请参照本章末尾的“Merges目录”。
警告:如果你使用CLI管理你的项目,请尽量不要更改platforms目录下的任何内容,除非你有明确的把握知道你在做什么。
这是因为该目录下的内容会在一些条件下被覆盖。
如果你希望此时能通过针对特定平台的SDK(比如Eclipse)来进行开发,你应该打开那些位于platforms子目录下的内容。
这是因为平台相关的一些配置信息是存储在platforms特定子目录下的8编译应用程序将生成的android工程导入eclipse中:打开Eclipse,右击选择import默认情况下,cordova create脚本将创建一个非常简单的基于Web的应用程序。
运行以下命令编译应用程序:cordova build 或cordova build android //只针对Andorid平台编译如果最终提示:BUILD SUCCESSFUL,则编译成功。
实际上build命令对应于以下两个命令:cordova prepare androidcordova compile android这意味着你可以仅执行prepare命令,然后用SDK开发环境去另外编译。
9仿真器中测试打开Eclipse,选择菜单New->Project->Android->AndroidProject From Existing Code,选择项目根目录为hello\platforms\android,并确保hello和hello-CordoraLib两个项目均被选中。
(需要选中hello-CorodoraLib项目是因为这个项目将取代传统的.jar文件)如果项目名上有红色的叉叉,则代表有未解决的问题。
此时可以尝试:1)项目名上点击右键,选择Properties。
2)选中左侧导航栏中的Android。
3)在右侧选中对应的目标平台。
比如Android4.4。
4)点击OK。
稍后,在Eclipse中启动Android SDK Manager。
如下图:打开Manger后,点击菜单Tools->Manage A VDs…,然后点击Device definitions栏,如下图:选择一个你想要的仿真器,然后点击Create A VD,接受默认设置即可。
完成后你将在列表中看到新建的仿真器。
在列表中选中仿真器,点击窗体右侧的“Start”按钮启动仿真器(启动提示窗口中点击Launch 即可)。
项目名称上点击右键,选择Run As->Android Application,然后耐心等待仿真器加载。
如果你的CPU支持虚拟化技术,你可以参照相关文档进行设置以提高仿真器运行效率。
加载后你就可以通过操作仿真器看到你的第一个Android程序,如下:或者你也可以在命令行中运行以下命令启动仿真器:cordova emulate android10添加插件支持(原文:Add Plugin Features)如以上我们看到的,Cordova默认提供的程序界面和功能非常简单。
当然你可以根据你的需要,运行标准Web开发技术对页面进行设计。
但是当你需要和不同的设备进行通讯交互时,你就需要借助于一些插件,以便能够访问Cordova提供的核心API。
一般来说,你添加一个插件的目的是为了利用Cordova的API访问设备。
详细的可用插件列表你可以在社区中看到(http://plugins.cordova.io/)。
当然你也可以自定义自己的插件。
你可以用CLI搜索可用的插件,比如:cordova plugin search bar code你可以通过以下命令安装插件,比如:cordova plugin add org.apache.cordova.device //设备APIcordova plugin add work-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.consolePlugin add高级选项上面的安装方式是从registry.cordova.io库中按照id获取插件,这是一个非常通用的做法。