PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目

第一步:添加cordova支持。

sencha cordova init com.mycompany.MyApp MyApp

com.mycompany.MyApp 是APP_ID ;MyApp 是APP_NAME

备注:APP_ID  在IOS中非常重要,要和申请的store账号对应,否则打包不成功!

命令支持成功以后,在项目根目录将增加cordova目录。

第二步:添加插件。

进入SenchaTouch项目目录下的cordova 目录

cd cordova;

如果在 
registry.cordova.io
 注册过,可以用插件的ID指定要添加的插件。

cordova plugin add org.apache.cordova.device 

或者使用url直接指定插件,这个方法有一个好处就是可以添加第三方的插件。

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

返回到SenchaTouch项目根目录。

cd ..

第三步:修改配置文件。

打开app.json文件,添加平台,默认是ios ,多个平台用空格隔开

"builds": {
    "native": {
        "packager": "cordova",
        "cordova" : {
            "config": {
                    "platforms": "ios android"
                    "id": "com.mydomain.MyApp"
            }
        }
    } 

启动SenchaTouch项目

sencha app build -run native;

当程序启动后,就可以调用该插件:

以显示uuid为例:

alert(device.uuid);

如果是第一次启动,而且没有下载好sdk ,将提示以下错误:

根据提示错误,下载android版本为19的sdk就可以了。

最后来张效果图:

欢迎加入技术讨论群 :219805927

原文请移步:http://www.wenhaozhong.com/154.html

时间: 2024-10-22 14:56:14

PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目的相关文章

PhoneGap(Cordova)通过自定义plugin插件实现javascript与android交互

一.配置相关环境 1,安装jdk jdk-7u79-windows-x64.exe (应该是64-Bit Server VM 版本,若不是需要调换否则eclipse启动不起来) 配置环境变量 2,安装node,node-v4.2.4-x64.msi 3,安装cordova .命令:npm install -g [email protected]版本号(若是最新的话,就不需要加 @版本号) 4,安装sdk. installer_r24.3.3-windows.exe 5,安装 apache-ant

Mac 开发PhoneGap 应用,如何添加插件 barcodescaner

搞了两天,终于悟出来了 PhoneGap 与 Cordova 的关系了,有人说是WebKit 与 Chrome 的关系,但我个人理解,两个东西再干一件事情,另外 PhoneGap 被Apache 收购了,貌似以后就不会有PhoneGap 了,全部都统称 Cordova. 我在Mac 机器上同时 使用了 PhoneGap 和 Cordova 的命令行,然后发现功能基本上是一样的,而且后者好像更好用 首先需要安装Node.js ,我感觉这东西有点像 微软的 Nuget,然后就可以使用Node.js

phonegap(cordova) 自定义插件代码篇(一)----IAP 应用内支付

appstore 中审核中,如果你app内卖的东西是个虚拟的产品,那么你有可能被要求不能使用第三方支付工具,只能使用 IAP 应用内支付功能. 使用这个功能需要在apple 开发者后台签合同,设置银行账号,设置价格,这个就不讲了,本篇主要讲phonegap中整合IAP的代码 /** * 苹果应用内支付 */ (function (cordova) { var define = cordova.define; define("cordova/plugin/applepay", funct

PhoneGap/Cordova微信分享插件【升级版】

去年7月底我在博客上发布了微信分享插件之后,一年来几乎有二三十位网友加我QQ,遇到各种问题,终究还是因为手动安装方式步骤繁琐,容易出错. 于是我决定开发命令行安装的版本,希望能为有需要的网友提供便利.然而,由于微信分享的一些限制,尚不能做到完全自动化,但已经比之前简单了许多. 安装: cordova plugin add https://git.oschina.net/jiusem/WechatShare-for-PhoneGap.git 安装成功后,需要将插件目录中的 wxapi 文件夹 移动

Cordova app 检查更新 ----创建项目、添加插件、修改插件(一)

使用Cordova 进行跨平台应用程序的开发 1.创建Cordova项目 $ cordova create hello com.example.hello HelloWorld 2.添加插件 2.1切换到Plugins目录 2.2 添加一下插件 cordova plugin add cordova-plugin-device cordova plugin add cordova-plugin-file cordova plugin add cordova-plugin-file-transfer

Phonegap(cordova)创建项目,并结合eclipse开发工具进行打包生成apk包

1.使用phonegap(cordova)创建并编辑项目 (1)创建一个文件夹用于存放稍后创建的Android程序,这里我们在E盘创建了一个文件夹AndroidProject,适用cd命令进入该目录,接下来适用phonegap命令创建对应的android项目. phonegap的创建指令:  phonegap create hello com.example.hello HelloWorld hello:你的项目文件夹名称,   com.example.hello:你的项目内部包名   Hell

mac下配置phonegap(cordova)5.1.1开发环境

眼下最新的cordova的版本号是5.1.1,在mac下搭建开发环境过程例如以下: 1)首先安装NODEJS环境 进入官网: http://nodejs.org/ .眼下的版本号: v0.12.7 点击[INSTALL].会下载mac的安装包.双击安装就可以. 2)进入终端命令行.使用npm安装cordova,命令例如以下: $ sudo npm install -g cordova 3) 创建phonegap新项目,命令例如以下: $ cordova create test cn.com.te

phonegap+cordova+ionic调用原生API

上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的,那么在坑里一时半会很难爬出来.所以这两篇博客旨在帮助小伙伴们节省更多的时间去做其他有意义的事情. 1.新建工程 新建工程和添加平台支持的操作已经在上一篇博客中讲到了, 这里不再赘述. 2.Bower的使用 首先确认是否安装了bower,如果没有安装,打开cmd命名,输入npm install -g

跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push

消息推送-百度push 选择百度云推送理由:专业.稳定.免费(Google GCM在国内有时无法正常使用) 打开网址,注册开发者帐号,登入. http://developer.baidu.com/bae/ 此处API key与Secret Key后面要用到,可以先复制到记事本中备用. 下载,在手机上安装apk客户端,打开PushDemo. 然后在开发者中心测试推送消息 如图: 此时手机端会收到推送的消息 如何集成到phonegap/cordova 添加插件cordova plugin add c