`

Cordova例子

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

关于meta viewport中target-densitydpi属性 http://blog.csdn.net/fengri5566/article/details/9414599

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




官方插件:
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 条形码 https://build.phonegap.com/plugins/261
5. PhonegapOCRPlugin iOS  扫描插件
5. cordova plugin add https://github.com/albertarvesu/image-scanner-cordova-plugin.git   扫描插件



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



安装和创建例子

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  //增加插件,到工程根目录执行




PhoneGap/Cordova3.0+ 使用,以及添加插件笔记 http://blog.csdn.net/u012146107/article/details/12852895
添加org.apache.cordova.dialogs插件例子:用于实现alret,confim等方法。,祥解: http://plugins.cordova.io/#/package/org.apache.cordova.dialogs
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>



ajax技术,注意包含编辑头部信息。
服务器: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
                );

            }
        });
    });


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



调试方式:
1. GapDebug, 不支持Linux
2. Mock 模式调试技术, Phonegap-desktop 项目, 一直没更新。
3. 代理模式调试技术weinre, Weinre 无法实现 JavaScript 动态调试
Weinre: http://blog.csdn.net/niuer09/article/details/8795321
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加入工程


问题:
1.  ANDROID_HOME is not set and "android" command not in your PATH,
明明环境变量都弄好了,执行android也能打开了,为什么还报错?
分享到:
评论

相关推荐

    cordova ios 自定义插件例子

    这个"cordova ios 自定义插件例子"是一个适合新手入门的学习资源,它会引导你了解如何为 iOS 平台创建和使用自定义 Cordova 插件。 在 Cordova 中,插件是连接 JavaScript 世界与原生平台代码的桥梁。它们使你能...

    android中使用cordova dialogs 插件例子

    ### Android中使用Cordova Dialogs插件实例解析 在Android应用开发过程中,为了增强应用的交互性和用户体验,经常需要利用到对话框等UI组件来与用户进行互动。Cordova作为一个强大的移动应用开发框架,提供了丰富的...

    phonegap/cordova 案例android版本

    描述中提到的“最简单的Android应用例子”可能包括一个基本的HTML页面,用于显示内容,以及可能的一些JavaScript代码来利用Cordova的插件功能。执行“cordova run android”命令会启动构建过程,编译你的Web应用并将...

    ngCordova插件例子整合ionic,cordova,angluarJs

    在“ngCordova插件例子整合ionic,cordova,angluarJs”项目中,我们可以看到多个关键功能的实现,这些功能对于创建功能丰富的混合移动应用至关重要。 首先,摄像头插件允许应用访问设备的相机硬件,用户可以拍摄照片...

    cordova iOS自定义插件

    这个例子展示了Cordova插件开发的基本流程,包括JavaScript与原生代码的交互,以及如何利用系统API获取信息。随着你对Cordova框架和iOS开发的深入理解,你可以根据需求创建更复杂的自定义插件,实现更多的功能。

    cordova : JS调用后台JAVA例子

    在cmd窗口进入解压根目录后,运行cordova run即可看到效果;还可以用android studio导入 platfroms下的android包,点击模拟器运行也可以看到效果。 刚开始导入会提示SDK路径问题,请自己改好后运行。

    简单的Cordova插件for iOS

    这个例子中,`doSomething`方法只是一个空操作,实际开发中可以根据需求实现特定功能,如调用iOS API、处理本地文件等。通过这种方式,Cordova提供了一种高效的方式,让Web开发者可以利用其熟悉的Web技术构建功能...

    Cordova入门应用实例

    Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的... 结合式实际业务的例子,打开项目直接就可用,初学者的入门必备源码!

    Cordova6.1、ionic、android交互自定义插件

    在这个例子中,我们创建了一个名为"MyCustomPlugin"的插件,它有一个`showMessage`方法,可以从JavaScript调用并在Android设备上显示消息。 标签"phongap cordova plugin"暗示了这个话题与PhoneGap(Cordova的商业...

    cordova.js

    集成corvoda webview到原生项目中时,参考http://rensanning.iteye.com/blog/2199866文章中提供的github地址中https://github.com/apache/cordova-android/releases下载的最新版zip包中使用test目录中的例子时运行...

    cordova 自定义插件demo(含jar包调用示例)

    在这个例子中,`execute()`方法接收一个动作名和参数,然后根据动作执行相应的操作。`showToast`动作会显示一个系统提示消息。 `www`目录包含了与插件相关的JavaScript代码,通常是一个`.js`文件。这个文件定义了...

    cordova插件开发 (手机单核多核)

    在这个例子中,我们将使用`Build.VERSION.SDK_INT`检查Android API级别,然后使用`cpuInfo`获取CPU核心数: ```java public class NCores extends CordovaPlugin { @Override public boolean execute(String ...

    cordova调用Android关于服务的插件示例

    在这个例子中,插件提供了JavaScript接口,使得Web层能够启动和控制Android服务。 1. **Android服务(Service)**:服务是Android四大组件之一,用于执行长期运行的任务,如播放音乐、定期同步数据等。服务并不会...

    h5 cordova图片上传 C#

    基于MVC框架, 开发语言:C#, 利用 H5 canvas处理拍照并上传的完整例子,有需要,可以看看,h5 cordova图片上传 C#h5 cordova图片上传 C#h5 cordova图片上传 C#h5 cordova图片上传 C#

    我的第一个cordova项目和第一个插件

    在这个例子中,你将创建自己的插件`MyCorPlugIn`。 创建插件通常涉及到以下几个步骤: 1. 在项目的`plugins`目录下创建一个新的目录,命名为`MyCorPlugIn`。 2. 在该目录下创建两个子目录:`android`(或其他平台...

    cordova自定义插件

    在这个例子中,`CoolPlugin.js`是JavaScript接口,`CoolPlugin.java`是Android平台的原生代码。 接下来,我们来实现打印吐司的功能。在Android平台上,我们可以使用`Toast`类来显示短暂的通知消息。在`CoolPlugin....

    Crosswalk+Cordova开发安卓app之 JavaScript调用java 源代码下载

    这个例子通常包括以下步骤: 1. 创建一个名为`HelloPlugin.java`的Java类,实现`execute()`方法,调用`callbackContext.success("Hello, World!");`。 2. 在`HelloWorld.js`中,定义一个函数,如`sayHello()`,并...

    cordova-sample:我们开发的cordova插件的示例应用程序

    本文将深入探讨基于Cordova框架的“cordova-sample”示例应用程序,这是一个由专业开发者团队精心构建的项目,旨在展示如何有效地利用Cordova插件进行移动应用开发。Cordova是一个开源的移动开发框架,它允许开发者...

    cordova 支持android 蓝牙设备插件

    本插件支持androd同时连接多个蓝牙 设备,支持同时通信,例子在examples中,设备我在index.js里面写死了,为了便于调试,下载下来的时候稍微改一下, onDeviceList: function(devices) { var deviceList=document....

    cordova-plugin-background-notification:Cordova插件实现后台通知

    Cordova / PhoneGap的BackgroundNotification插件( 。 注意您的推送通知消息必须包含键“ content-available”:1 遵循,因此可与一起。 该插件利用了Cordova / PhoneGap的。 使用插件 插件使用configure...

Global site tag (gtag.js) - Google Analytics