cordova 使用(转)

时间 2019-11-17

原文原文链接

cordova的安装与配置

一、安装nodejs(自动包含npm)css

二、在命令行中经过npm语句npm install -g cordova 安装cordova(若是提示网络链接失败，须要设置网络代理，搭理网址：npm config --global set registry http://registry.cnpmjs.org)html

三、在命令行里经过安装成功的cordova,建立一个混合项目，建立语句：前端

cordova create CordovaDemo com.first.helloworld HelloWorldnode

CordovaDemo:项目文件夹名android

com.first.helloworld:项目包名ios

Helloworld:项目名angularjs

四、经过cd CordovaDemo 命令进入到文件夹内，经过如下命令cordova platform add androidnpm

为你的建立的项目添加安卓运行平台(ios平台添加也同样）浏览器

五、运行平台添加成功之后，还须要添加调用手机底层控件前端框架

cordova plugin add cordova-plugin-device

cordova-plugin-device 基本设备信息
cordova-plugin-network-information 网络链接信息
cordova-plugin-battery-status 电池状态信息
cordova-plugin-device-motion 加速度信息
cordova-plugin-device-orientation 指南针信息
cordova-plugin-geolocation 定位数据
cordova-plugin-camera 相机
cordova-plugin-media-capture 媒体捕获
cordova-plugin-media 媒体播放器
cordova-plugin-file 访问文件
cordova-plugin-file-transfer 文件传递
cordova-plugin-dialogs 消息提示对话框
cordova-plugin-vibration 振动提醒
cordova-plugin-contacts 联系人
cordova-plugin-globalization 全球化
cordova-plugin-splashscreen 闪屏(启动画面)
cordova-plugin-inappbrower 浏览器
cordova-plugin-console 控制台
cordova-plugin-statusbar 状态栏

添加插件，有选择性的安装，不必都安装...

六、项目建立成功，用开发工具导入你建立的项目。若是用的是Eclipse开发工具，导入项目之后须要注意调整你的sdk版本为5.1以上，而且，把你同时导入的jar包和项目关联起来

七、此时项目能够正常运行。项目结构中，须要注意的是assets文件夹，这个文件夹包含了之后项目开发须要维护、修改的所有文件。

八、在assets中的index.html页面是项目启动之后的首页。项目开发要从他开始。

九、想要实现OnsenUI和AngularJs协做的混合项目，还须要进行如下的简单配置。由于项目是单页面项目（SPA），因此项目运行期间用到的CSS和js文件，须要所有声明在index.html页面。

（1）引用必需要引入的两个css文件：

onsenui.css （组件）和 onsen-css-components-blue-basic-theme.css(主题)

(2)引入几个必须引入的js文件，

angular.js

onsenui.js

cordova_plugins.js

cordova.js

和自定义的app_model.js,

注意：cordova.js和cordova_plugins.js只用在调用手机底层功能的时候才有用。因此在浏览器运行项目的时候，须要屏蔽这两个js文件，另外，app_modal.js里的内容只写一句便可：

var app = angular.module('app',['onsen']);

十、在index.html页面的html标签里引用在app_modal里声明的模块。

十一、这时候，建立的项目能够正确的运行onsenui前端框架提供的任何组件。可是须要注意的是：onsenui里的组件须要放在<ons-page>标签里面，并且不要直接在<ons-page>标签内书写纯文本信息。

十二、在index.html页面中，须要注意的是，<ons-page>标签推荐写在<ons-navigator>标签里，以方便页面的跳转。

1三、而后就能够在index的<ons-page>标签内对onsenui提供的各类组件进行显示效果的测试了。

1四、等熟悉了onsenui提供的各类组件的显示效果以后，就能够经过angularjs的配合实现数据的填充。

1. cordova imagePicker 使用
2. Cordova使用（vue）
3. Cordova使用教程
4. cordova插件使用
5. Cordova安装使用
6. cordova-ionic3：cordova-plugin-wechat使用总结
7. [转] cordova-plugin-x-toast
8. [转载]cordova入门
9. 使用Cordova API开发(下)
10. cordova经常使用命令
更多相关文章...
• TortoiseSVN 使用教程 - SVN 教程
• Docker 容器使用 - Docker教程
• Composer 安装与使用
• 使用Rxjava计算圆周率