2018-09-11 00:23:08 qq_20343517 阅读数 505

https://www.w3cschool.cn/cordova/cordova_overview.html

 本文内容源自于以上链接。

1、环境搭建
     cordova是node的一个npm包,所以你的机机上要有nodenpm,还要有android SDK XCode,还要有Git

2、安装

全局安装cordova,npm install -g cordova  

3、创建项目

cordova create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject 是创建应用程序的目录名称。

  • io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。

  • CordovaApp 是您应用的标题。

 添加平台

cordova platform add android
cordova platform add IOS

删除平台

cordova platform rm android

4、运行项目

cordova build android
cordova emulate android
cordova run android

 

5、其他API请参考开篇的链接。在安装sdk的时候可能会麻烦一点,所以要耐心一点就好啦。s

 

2015-10-14 11:05:09 u011363662 阅读数 3402

1、cordova js 如何调用原生应用原理(下次调研)


2、ngCordova介绍:ngCordova is a collection of 70+ AngularJS extensions on top of the Cordova API that make it easy to build, test, and deploy Cordova mobile apps with AngularJS(copy from 官网);说明ngCordova是cordova插件对应的angular Js格式的一种适配方式。


3、确认要使用插件是否在ngCordova(http://ngcordova.com/)中,如果在则项目中配置ngCordova,配置完ngCordova 后则可以直接在Controller中使用该插件。(另外一种情况下次调研)


4、项目引用公共的cordova.js、cordova-plugins.js、ng-cordova.js (注意先引用ng-cordova.js,再引用其他文件)。

4.1、ng-cordova.js 是由安装ngCordova.js后生成的,(原本生成路径:bower_components/ngCordova/dist/ng-Cordova.js)将 其copy到项目根目录下。

4.2、cordova.js 和 cordova-plugins.js 都是cordova项目本身自带文件(项目名称\platforms\ios\www\目录下 ),只需copy到根目录下即可(必须在根目录)。cordova-plugins.js 包含所有的cordova插件(每次更改时,会自动同步该文件)。

4.3、如果我们是在windows系统内下做开发,然后copy项目到mac的xcode项目的www目录下是;由cordova-plugins.js自动更新便会存在一个问题。copy到xcode中的项目的cordova-plugins.js 不是我们添加各种插件后最新版的文件。便可能需要我们来手动引用这些插件对应的JS文件。

4.4、引用代码:

<script src="ng-cordova.js"></script> <script> var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf("chrome") == -1 && ua.indexOf("firefox") == -1) { document.write("<script src='cordova.js'><\/script>"); document.write("<script src='cordova_plugins.js'><\/script>"); } </script>

5、cordova 安装插件(举例:二维码扫描):phonegap plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git


6、anglular Js controller中可以使用该插件了

app.controller('homeCaController', function ($scope, $rootScope,$timeout,$cordovaBarcodeScanner,$cordovaCamera){
$scope.brandScanner = function() {
$cordovaBarcodeScanner.scan().then(function(imageData) {

alert("We got a barcode\n" +
"Result: " + imageData.text + "\n" +
"Format: " + imageData.format + "\n" +
"Cancelled: " + imageData.cancelled);
}, function(err) {
console.log(3);
});
};

}

7、说明真机调试时,不会报错。但是web浏览时,调用插件功能函数时可能会报错。
2016-06-30 14:41:11 q346648610 阅读数 874

如何使用Cordova框架获取Android的Device ID

在Android项目中我们经常需要获取手机的Device ID,如果使用Cordova框架进行混合开发的话获取Device ID的方法如下:

final TelephonyManager tm = (TelephonyManager) cordova.getActivity().getSystemService(Context.TELEPHONY_SERVICE);
final String deviceId= tm.getDeviceId();

这样就拿到了Android设备的Device ID
cordova
2017-08-02 17:17:53 tzjvon 阅读数 164

Install

npm install -g cordova

创建一个项目

cordova create <path>

cordova help create

添加一个平台

cordova platform add <platform name>

cordova platform

运行App

cordova run <platform name>
2018-06-12 17:18:54 qq_17759721 阅读数 184
cordova platform add android   添加平台
cordova platform add ios
cordova platforms ls   查看支持的平台
cordova platform remove <platform name>移除平台语句 cordova build <platform name>  编译 
cordova build 编译所有平台
cordova emulate android  启动Android模拟器 
cordova run android  在Android平台上运行应用
cordova run android –target=””  在目标设备上运行当前程序

 

cordova plugin add cordova-plugin-device 添加设备信息
cordova plugin add cordova-plugin-contacts  添加通讯录信息
cordova plugin add cordova-plugin-dialogs  添加对话框插件
cordova plugin add cordova-plugin-geolocation 添加地理信息
cordova plugin add cordova-plugin-media   添加音频插件


cordova plugin add cordova-plugin-file  文件访问操作类
cordova plugin add cordova-plugin-file-transfer 文件传输
cordova plugin add cordova-plugin-barcodescanner 条形码/二维码扫描
cordova plugin add cordova-plugin-media-capture 媒体捕获
cordova plugin add cordova-plugin-network-information 判断网络连接类型


cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="iPlTwNIjUdcrQHsjPPLaiIi3xXDnMqHo" --variable IOS_KEY="uBTQo2tpR6dfbAe2pGWuVtSYubvgKbfB"   添加百度地图插件




npm install @ionic-native/cordova-plugin-baidumaplocation --save




ionic cordova plugin add cordova-plugin-geolocation
ionic cordova platform add android   ionic项目添加安卓平台


usb手机调试


ionic cordova run android -l -c

Cordova

阅读数 71

使用cordova命令报错

阅读数 3987

没有更多推荐了,返回首页