最新cordova的安装配置以及创建打包android ios项目

发布于 6 年前 作者 sinazl 2360 次浏览 最后一次编辑是 6 年前 来自 分享

最新cordova的安装配置以及创建打包android ios项目

1、用cordova开发android 应用

1.安装jdk 、配置jdk
2.安装android studio
3.安装nodejs （安装稳定版本） 4.安装cordova

npm  install  -g  cordova   /   cnpm install -g cordova
npm install -g cordova --registry=https://registry.npm.taobao.org

5.创建项目 cordova create 项目名称

			cordova create 项目名  com.公司名.项目名  类名 （建议）

			cordova create cordovademo02  com.itying.cordova  Cordovademo	


			创建项目的时候注意包名称：发布上线打包的时候用到包名称，注意

			修改应用包名名称参考：http://www.ionic.wang/article-index-id-91.html
			
			
			修改应用包名名称：

				1、修改config.xml里面的包名称

				2、修改完成以后重新执行cordova platform add android

6.cd 到项目里面 cd cordovademo02

7.把android的平台添加到项目里面 cordova platform add android

8.把项目导入到 android studio 进行运行调试 （或者运行 cordova run android） 注意可能遇到的问题参考（安装遇到问题图文解决方案文件夹）

9、运行cordova项目 ：注意

		1、android手机要连上电脑，并且 android手机必须开启调试模式（如何开启:百度搜 xxx手机开启调试模式）

		2、android studio必须得安装手机对应的sdk  

		3、关闭360手机助手、xxx手机助手

10、修改项目: 运行cordova prepare

2、用cordova开发ios 应用环境搭建：

1、安装nodejs 安装xcode 2、安装cordova npm install -g cordova / cnpm install -g cordova

 npm install -g cordova --registry=https://registry.npm.taobao.org

3.创建项目 cordova create 项目名称

			cordova create 项目名  com.公司名.项目名  类名 （建议）

			cordova create cordovademo02  com.itying.cordova  Cordovademo

4.cd cordovademo02

5、把ios的平台添加到项目里面 cordova platform add ios

6、用xcode打开项目运行

cordova安装视频教：

https://www.itying.com/goods-460.html

3、cordova安装插件：

	如果我们要在自己的html里面调用手机原生的功能（拍照、扫描二维码、获取地理位置...）,借助cordova的插件

	cordova官网：https://cordova.apache.org/

如何使用插件：

1、安装插件 cordova plugin add 插件名称

2、复制文档使用

3、查看已经安装的插件：

		cordova plugin list

4、卸载插件：

		cordova plugin rm  cordova-plugin-network-information

4、常见cordova插件的使用：

1、设备插件的使用

		https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-device/index.html

		1、安装cordova plugin add cordova-plugin-device

		2、看文档使用。

2、使用网络相关的插件：

		https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-network-information/index.html

		1、安装cordova plugin add cordova-plugin-network-information

		2、看文档使用

3、定位插件： https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-geolocation/index.html

		1、安装cordova plugin add cordova-plugin-geolocation

		2、看文档使用
		
		注意改代码以后要运行：cordova prepare

		注意：要引入cordova.js

		注意：项目里面不要有中文文件夹、不要有zip包 、不要有中文文件

4、拍照插件

		https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/index.html

		注意：ios拍照完成以后调用  navigator.camera.cleanup(onSuccess, onFail);

5、文件上传 或者下载

		1、文件插件: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/index.html
		2、文件传输插件：https://www.npmjs.com/package/cordova-plugin-file-transfer
回到顶部