Cordova例子

本文档详细介绍Cordova的安装配置流程、常用命令及插件使用方法,并提供了调试技巧和资源链接,适合初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

官方文档:[url]http://cordova.apache.org/docs/zh/3.5.0/index.html[/url]
命令详解: [url]http://cordova.apache.org/docs/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface[/url]
一些部署和配置参考: [url]http://panyongzheng.iteye.com/blog/2157846[/url]
[color=red]Cordova 3.x 基础(8) -- 几个不可或缺的lib[/color] [url]http://rensanning.iteye.com/blog/2021720[/url]
中文引导: [url]http://inching.org/2014/06/04/cordova-tutorial/[/url]
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) [url]http://rensanning.iteye.com/blog/2016364[/url]

关于meta viewport中target-densitydpi属性 [url]http://blog.youkuaiyun.com/fengri5566/article/details/9414599[/url]

phonegap在android中如何退出程序 [url]http://blog.sina.com.cn/s/blog_6d3fcc7e0101ddmz.html[/url]


[color=red][b]官方插件:[/b][/color]
1. cordova plugin add org.apache.cordova.dialogs 用于实现alret,confim等方法
2. cordova plugin add org.apache.cordova.console 实现输出调试信息
3. cordova plugin add org.apache.cordova.inappbrowser 使用内置浏览器打开连接
4. cordova plugin add com.phonegap.plugins.barcodescanner 条形码 [url]https://build.phonegap.com/plugins/261[/url]
5. PhonegapOCRPlugin iOS 扫描插件
5. cordova plugin add https://github.com/albertarvesu/image-scanner-cordova-plugin.git 扫描插件


[color=darkblue][b]Local Storage API methods.[/b][/color]
[color=darkblue]localStorage.getItem():[/color] Returns the value associated with the key.
[color=darkblue]localStorage.setItem(): [/color]Saves the specified key-value pair.
[color=darkblue]localStorage.removeItem(): [/color]Removes the item associated with the key argument.
[color=darkblue]localStorage.clear(): [/color]Removes all items saved in localStorage.


安装和创建例子
[color=darkblue]
1. sudo yum -y install npm
2. sudo npm install -g cordova
3. cordova create hello com.example.hello HelloWorld
4. cordova platform add android
5. cordova platform rm android //删除某个平台的代码
6. cordova build //编译,
A: cordova build ios
B: cordova prepare ios
cordova compile ios
7. cordova emulate android 或者 cordova run --emulator android //运行到svd
8. cordova android 或者 cordova run android //运行到手机
9. ordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git 或者 cordova plugin add org.apache.cordova.dialogs //增加插件,到工程根目录执行
[/color]


PhoneGap/Cordova3.0+ 使用,以及添加插件笔记 [url]http://blog.youkuaiyun.com/u012146107/article/details/12852895[/url]
[b]添加org.apache.cordova.dialogs插件例子:用于实现alret,confim等方法。[/b],祥解: [url]http://plugins.cordova.io/#/package/org.apache.cordova.dialogs[/url]
1. cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git //增加插件,到工程根目录执行
2. 在index.js的app对象里面加入
alertDismissed: function () {
// do something
},
showAlert: function () {
navigator.notification.alert(
'You are the winner!', // message
app.alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
}

3. 在index.html加入
<p><a href="#" onclick="app.showAlert();return false;">点链接</a></p>



[color=red][b]ajax技术[/b][/color],注意包含编辑头部信息。
服务器:cakephp代码
public function callAjax()
{
$a=$this->request->header('username');//获得头部信息
$dlist = array(
"rows" => array("11", "22", "33","11", "22", "33","11", "22", "33"),
"status" => 1);
return new CakeResponse(array('body' => json_encode($dlist), 'status' => 200));
}

客户端:
$("#ajax_test").on("tap",function(){
$.ajax({
url: "http://192.168.0.198/Demos/callAjax",
data: [],
type: 'POST',
dataType: 'json',
headers: {
"username":"106110454@qq.com"//传入头部信息,比如验证信息等。
},
success: function (data, textStatus) {
navigator.notification.alert(
'成功='+ $.toJSON(data), // message
app.alertDismissed, // callback
'远程调用', // title
'确定' // buttonName
);
},
error: function (xhr, textStatus, errorThrown) {
navigator.notification.alert(
'失败='+xhr, // message
app.alertDismissed, // callback
'远程调用', // title
'确定' // buttonName
);

}
});
});


[color=red][b]应用图标[/b][/color]
[url]http://cordova.apache.org/docs/en/edge/config_ref_images.md.html#Icons%20and%20Splash%20Screens[/url]
<icon src="res/icon.png" platform="android" width="57" height="57" density="mdpi" />



[color=red][b]调试方式: [/b][/color]
1. GapDebug, 不支持Linux
2. Mock 模式调试技术, Phonegap-desktop 项目, 一直没更新。
3. 代理模式调试技术weinre, Weinre 无法实现 JavaScript 动态调试
[b][color=blue]Weinre:[/color][/b] [url]http://blog.youkuaiyun.com/niuer09/article/details/8795321[/url]
sudo npm -g install weinre
weinre --boundHost 192.168.0.198 --httpPort 8081 --all
/usr/lib/node_modules/weinre/web/target/target-script-min.js加入工程


[color=red][b]问题:[/b][/color]
[color=red]1. ANDROID_HOME is not set and "android" command not in your PATH[/color],
明明环境变量都弄好了,执行android也能打开了,为什么还报错?
Cordova简介 【http://cordova.apache.org/docs/en/latest/guide/overview/】 Cordova是一个开源的移动终端开发框架,它提供使用html,css,javascript 技术进行跨平台开发能力,并且封装了一组javascript接口实现访问摄像头,地理定位,存储,网络状态等移动终端的硬件属性。 Android开发平台配置步骤 1. Jdk安装配置。 安装jdk1.7。 配置jdk的系统变量。 添加JAVA_HOME变量: C:\Program Files\Java\jdk1.7.0_79 添加CLASSPATH变量: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar Path变量 里面添加内容: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 2.adroid sdk安装配置。 1)安装sdk, http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html 2)配置变量 添加ANDROID_SDK_HOME变量: C:\Program Files (x86)\Android\android-sdk Path变量 里面添加内容: %ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\\tools; 3)下载 Android -API: 打开android sdk manager 窗口下载anroid 6 和android 5.0 api。 下载失败解决方法,在android sdk manager 界面tools菜单 ->options 窗口,进行如下设置: http proxy server :mirrors.opencas.cn; http proxy port :80; 选项框选中 force https://..sources to fetched using http://...; 3.eclipse安装配置。 1)下载eclipse工具。 2)下载安装adt插件。http://dl.google.com/android/ADT-21.0.0.zip 在eclipse界面的help菜单-》install new software,打开安装窗口,点击add按钮,弹出add repository窗口,点击archive按钮,选中 ADT-21.0.0.zip文件,完成安装。 Android开发模式 打开eclipse导入工程,在MainActivity项目里打开assets\www目录,里面就是相关就是有个WEB开发的相关文件,可以添加js,css,html完成相关业务功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值