当CanTK遇到PhoneGap

有朋友问能不能在CanTK和AppBuilder开发的APP里发送UDP数据,HTML5里只能用HTTPS/HTTP/WebSocket几种通讯方式,要使用UDP需要通过phonegap打包成APK等特定平台的安装包。所以花了点时间写了篇文档介绍PhoneGap打包CanTKAPP的过程。

下面以一个UDPDemo为例,介绍Linux下phonegap编译APK的全过程(Fedora 20)。

0.安装必要的软件包

ant npm java android-sdk

1.加入android sdk的PATH

export PATH=$PATH:/work/android-sdk-linux/tools

2.加入jdk的PATH

export PATH=$PATH:/work/tools/jdk1.8.0_25/bin

3.安装phonegap和phonegap插件管理器

npm install -g phonegap
npm install -g plugman

4.创建项目并编译

phonegap create UDPDemo "com.tangide.udpdemo" "UDP Demo"
cd UDPDemo
phonegap build android -d

5.查找需要的插件(可选,下面查找udp插件)

plugman search udp

6.安装需要的插件(可选,下面安装udp插件)

phonegap plugin add in.girish.datagram

7.导出用appbuilder开发的工程,解压到www目录下然后编译

cd www/
rm * -rf
unzip /home/lixianjing/下载/osgames1.zip
cd -
phonegap build android -d

注:老版本phonegap要求插件自己调用cordova.define,新版本phonegap会自动加上这个定义。所以新版本phonegap使用老版本的插件就会存在问题,导致重复定义而无法使用,需要手动删除这个定义。

参考资料:

Phonegap Plugins

Phonegap Command Line

Phonegap Demos For CanTK

时间: 2024-10-27 12:32:40

当CanTK遇到PhoneGap的相关文章

解决PhoneGap不支持viewport的几种方法

前几天用phonegap编译GameBuilder+CanTK时,发现HTML里的viewport无效.CanTK根据devicePixelRatio检测设备的DPI,然后用viewport设置正确的分辨率.如果viewport无效,CanTK只能以最低分辨率运行.在网上查了一下, 也没有找到系统的资料,但我知道WebView一定有相应的设置来启用viewport,结合找到的资料和phonegap的源码,终于找到了解决方法,这里总结一下: iOS平台的解决方法:在phonegap的config.

phonegap插件加载与使用

有朋友问能不能在CanTK和AppBuilder开发的APP里发送UDP数据,HTML5里只能用HTTPS/HTTP/WebSocket几种通讯方式,要使用UDP需要通过phonegap打包成APK等特定平台的安装包.为此我写了一个UDP的例子,但是运行时遇到的问题,所以花了些时间去研究phonegap加载udp插件的过程. 1.添加需要的插件 在cordova_plugins.js中存放了APP引用的插件列表,可以用phonegap plugin add添加,如: phonegap plugi

PhoneGap插件开发流程

前几天写了一个PhoneGap插件,这个插件的功能很简单,就是开启viewport设置.不过与其它插件相比,有好几个有意思的地方,仔细读了PhoneGap的源码才搞定.这里记录一下PhoneGap插件开发的流程,以及开发这个插件遇到的问题. 0.先安装android sdk, node.js,phonegap和plugman.请参考用PhoneGap编译CanTK 1.用plugman创建一个插件: plugman create --name ViewPort --plugin_id com.t

Phonegap(Cordova)3.4 + Android 环境搭建

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,WP7等多种智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能. PhoneGap最初由Nitobi开发, 它被Adobe收购后,PhoneGap项目也被贡献给Apache软件基金会,并改名为 Apache Cordova. 目前最新版本:3.4.1 . Phone

使用The PhoneGap Developer App实现快速调试项目

如今,基于 PhoneGap 的混合 APP 开发技术更加成熟,优势更加凸显.移动互联网的迅猛发展,Android 和 iOS 的版本快速迭代,使 HTML5 的性能问题逐步解决.仅仅在 PhoneGap 官网上,已经有来自第三方开发者提交的数百项插件,涵盖了 APP 开发的各个方面,大大扩展了 PhoneGap 的功能体系. PhoneGap 官方推出了新的调试工具 The PhoneGap Developer App .这是一款由 PhoneGap 开发的APP ,安装在手机上后,可以通过

PhoneGap+Cordova+SenchaTouch-04-退出程序和对话框的使用

sencha touch 2.4.1对话框的使用是很简单的. 下面简单介绍下st对话框的使用,查看官方文档,在Ext.Msg中,找到show 方法,有个示例挺好 图1 按着示例做就搞定了! 我的代码如下,也是示例. Ext.Msg.confirm("Confirmation", "Are you sure you want to do that?", Ext.emptyFn); 效果图如下: 这里,我想把按钮等英文改为中文,查看文档,可以看到Ext.Msg有个but

为PhoneGap写一个android插件

为PhoneGap写一个android插件,要怎么做? 其实这句话应该反过来说,为android写一个PhoneGap插件,要怎么做? 这里以最简单的Hello World!为例,做个说明: 1.第一步,要先建立一个支持PhoneGap(Cordova)的android工程 因为这个插件本质上是安卓插件,用于PhoneGap,因此,要二者支持才行,所以我们要建立一个支持PhoneGap(Cordova)的android工程,插件在这个工程里面编写. 扫盲:PhoneGap现在已经出售给了Apac

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. 二.phonegap的安装   1. 设置系统变量系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)E:\android_sdk\sdk\tools;E:\android_sdk\sdk\platform-tools;E:\android_sdk\eclipse\plugins

安装配置PhoneGap开发环境(一)

1 安装JDK 略. 2 安装Eclipse并安装ADT插件 Android的官网提供集成了Android插件的Eclipse开发环境. 眼下訪问不了,尝试百度一下其他资源. 3 安装Android SDK最新版本号 眼下最新版本号为API 22. 4 安装Node.js 到Node.js官网下载并安装Node.js. 5 安装PhoneGap.Cordoba Node.js成功安装后,将其路径配入Path环境变量.以方便命令行使用.在命令行中输入: npm install -g phonega