最新cordova的安装配置以及创建打包android ios项目
最新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