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

发布于 1周前 作者 sinazl 最后一次编辑是 5天前 来自 分享

最新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
回到顶部