选择您使用的开发平台
视频教程:
1.配置要求
- Mac OS X Snow Leopard (10.6) 因特尔内核处理器
需要安装的工具:
- 一个苹果iOS设备(iPhone、iPad、iPod Touch)
- iOS开发证书。
2.安装 SDK + PhoneGap
从 苹果开发者门户下载安装Xcode(需要注册账号)
下载 解压最新的PhoneGap副本,执行iOS目录的安装程序。
3.设置新项目
- 启动Xcode,在菜单项的 “文件” 下选择 新建项目...
- 从模板列表中选择 PhoneGap-based Application
- 点击下一步 , 为要开发的应用填好 "项目名称" 和 "公司信息"
- 给项目选择文件目录
- 这时候你能够在Xcode4中看到你的项目了,点击左上角的 运行 按钮,应用经过编译后能够加载到模拟器
- 这时候你会看到一个找不到index.html的报错信息
- 作为修复,我们需要复制www 文件夹到项目。我们右击项目左侧的导航窗口,点击在Finder中显示
- 在Finder中, 你能够看到 www 目录在项目中
- 下一步 很重要! 拖动 www 目录拖入Xcode4.你不能仅仅将"www"文件夹拖入应用的目录中,而且还要拖入Xcode4中!!在我的示例中,我将它拖入到HiWorld中。
- 在拖放完成之后,你会看到几个提示,切记为每个调整的文件夹设置引用路径. 点击完成
4.hello word程序的编写
找到“www”文件夹,打开“index.html”文件,在标签后,输入Hello World。同时你可以添加Web中常用的Js和CSS
5A. 加载到模拟器
- 把左上角的Active SDK选项从Use Base SDK改为 Simulator+version#.
- 在项目窗口头部点击运行.
5B. 加载到设备
- 打开[AppName]-Info.plist,将BundleIdentifier改为苹果公司提供的标识。如果你有开发许可,你可以在这里 运行助手并注册应用程序。
- 确认将左上角的Active SDK选项从Use Base SDK改为 Device+version#.
- 在项目窗口顶部点击Build and Run按钮.
完成!
你可以在 这里了解本指南的详细版本。.
视频教程:
1.配置要求
- Eclipse 3.4+
如果不想使用Eclipse,这里 提供了其他教程
2.安装 SDK + PhoneGap
下载安装 Eclipse Classic
D下载安装 Android SDK
下载安装ADT Plugin
下载 最新的PhoneGap版本然后解压我们将会使用Android目录.
3.设置新项目
- 打开 Eclipse,在文件菜单下面点击 新建 > Android Project
- 在项目的根目录, 创建两个目录:
- /libs
- /assets/www
- 从刚才下载的PhoneGap中复制phonegap.js 到/assets/www目录
- 从刚才下载的PhoneGap中复制phonegap.jar 到/libs目录
- 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
- 对Eclipse的src文件夹中的主Java文件进行少量调整:(如下图)
- 将class的继承类由Activity 改为DroidGap
- 将 setContentView() 这一行替换为super.loadUrl("file:///android_asset/www/index.html");
- 添加 import com.phonegap.*;
- 移除import android.app.Activity;
- 在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下,右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定,你需要点击F5刷新一次项目。
- 右键单击AndroidManifest.xml并选择 Open With > Text Editor
- 将下面的权限设置拷贝到versionName之后:(如下图)
- 在AndroidManifest添加
android:configChanges="orientation|keyboardHidden"
到activity标签(见下图) - 在AndroidManifest添加第二个activity到 appliction 标签下面. (见下图)
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" /><activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>
4.hello word程序的编写
N在 “/assets/www”目录中新建文件index.html ,并粘贴如下代码:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
*phonegap.js 需要改为phonegap.<版本号>.js5A. 加载到模拟器
- 右键单击项目节点选择 Run As 然后点击Android Application
- Eclipse将要求你选择一个合适的AVD(模拟器),如果没有设置的话,你需要创建一个AVD。
5B. 加载到设备
- 确认设备已经勾选USB 调试选项,并已将设备连接到电脑。(设置 > 应用程序 > 开发)
- 右键单击项目节点选择Run As 然后点击 Android Application
完成!
你可以在这里了解本指南的详细版本.
视频教程:
1.配置要求
- Windows XP (32-bit) 或者 Windows 7 (32-bit and 64-bit)或者Mac OSX 10.6.4+
对于4.x设备查看 这个指南.
2.安装 SDK + PhoneGap
(仅限Windows) 下载安装 Sun JDK (32-Bit版本). 对其进行配置环境变量.
(仅限Windows) 下载解压 Apache Ant. 对其进行配置环境变量..
下载 BlackBerry WebWorks Smartphone SDK BlackBerry development版 然后/或者 BlackBerry WebWorks Tablet OS SDKPlaybook development版. 记录SDK的安装目录.
下载 最新的PhoneGap解压文件到你选择的目录.
3.设置新项目
- 打开一个命令 提示/终端 并位到压缩包解压到的PhoneGapBlackBerry目录.
- 创建一个 PhoneGap BlackBerry 和 PlayBook 项目.输入
ant create -Dproject.path=
你选择的目录创建项目提示/终端. - 切换到刚刚创建位于
C:\Dev\bbw\sample
的目录. - 用合适的编辑器打开project.properties文件,将bBlackBerry.bbwp.dir=和 PlayBook.bbwp.dir=修改成SDK的安装位置
4.hello word程序的编写
当你位于项目目录时,通过命令窗口输入 ant build 编译PhoneGap示例项目。替换更早的blackberry 或者 playbook的target。注意,这是PhoneGap示例项目而不是基本的hello world应用程序。如果你想的话,可以编辑项目目录中的“www”目录下的“index.html”文件让它输出hello world.
5A. 加载到模拟器 (仅限Windows)
- 当位于项目目录时,在命令行键入ant load-simulator.替换早先的blackberry 或者 playbook目标.
- 在模拟器中点击BlackBerry按钮,在downloads栏目中,你可以看到你的应用程序。
5B. 加载到设备 (Windows和 Mac)
- 你必须通过填写此表格从RIM获取你的签名密钥。
- 当位于项目目录时,在命令行键入ant load-device.替换早先的blackberry 或者 playbook目标.
- 在模拟器中点击BlackBerry按钮, 在downloads栏目中,你可以看到你的应用程序。
完成!
你可以在 这里了解本指南的详细版本。
视频教程:
1.配置要求
- Windows 7 或者 Windows Vista with SP2
提示: 在虚拟机 VM 运行会出现问题, 如果你是用的 Mac,你需要在磁盘分区表上设置Windows 7 或者 Vista的启动项,也就是说要原生的系统。
应用安装到设备和发布到应用市场所需要的:
- 成为 App Hub 会员.
2.安装 SDK + PhoneGap
下载安装 Windows Phone SDK.
下载 最新的PhoneGap解压Windows Phone目录然后复制文件 GapAppStarter.zip 到 C:\Users\[USERNAME]\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#下的模板目录
3.设置新项目
- 打开Windows Phone 版 Visual Studio Express 选择 新项目.
- 选择 GapAppStarter.
- 给项目命名,然后选择OK
4. 项目架构
- 'www'目录包含了 PhoneGap html/js/css 以及应用用到的其他资源.
- 任何天剑的内容都需要作为 Visual Studio 项目的一部必须设置为content.
5. 编译部署到模拟器
- 确认顶有 Windows Phone模拟器 的下拉菜单。
- 点击绿色 play 按钮 在Windows Phone 模拟器下拉菜单旁来启用调试或者按 F5.
6. 编译项目到设备
为了测试应用在设备的性能, 设备必须登记.点击这里 查阅一个关于 部署到Windows Phone的文档.
- 确认链接到手机,并且没有锁屏
- 在Visual Studio,从下拉菜单选择'Windows Phone Device'.
- 点击下拉菜单旁的绿色 play按钮 调试应用或者按F5.
完成!
你可以在这里了解本指南的详细版本.
视频教程:
1.配置要求
- Windows, OS X, 或者 Linux
2.安装 SDK + PhoneGap
下载并安装 Virtual Box
下载并安装 webOS SDK
下载并安装 cygwin (仅限Windows). 确保你选择了“make”,默认情况下不包括此选项
下载 最新的PhoneGap解压其中的文件
3.设置新项目
- 打开terminal/cygwin,导航到你将下载的PhoneGap解压缩的位置,进入webOS目录。
4.hello word程序的编写
在phonegap/webOS/framework/www目录中,用你最喜欢的编辑器打开“index.html”文件。在body标签后添加
Hello World
5A. 加载到模拟器
- 从应用程序的folder/start菜单启动Palm模拟器。
- 当位于webOS目录时,在terminal/cygwin中键入make。
5B. 加载到设备
- 确认你的设备处于开发者模式,并且已与电脑连接。
- 当位于webOS目录时,在terminal/cygwin中键入make。
完成!
你可以在 这里了解本指南的详细版本。
1.配置要求
- Windows, OS X,或者 Linux
2.安装 SDK + PhoneGap
下载安装cygwin (仅Windows). 确保你选择了“make”,默认情况下不包括此选项。
下载 最新版本的PhoneGap并解压缩。
3.设置新项目
- 在cygwin,找到解压PhoneGap的目录, 进入Symbian目录。
4.hello word程序的编写
在phonegap/symbian/framework/www目录中,用你最喜欢的编辑器打开“index.html”文件。在body标签后移除“Build your phonegap app here! Dude!”并添加 Hello World 在cygwin/terminal中键入“make”。这将生成phonegap-symbian.wrt/app.wgz。
5A. 加载到模拟器
- 对于Mac或Linux用户需要安装 Aptana Studio 和 Nokia WRT Plug-in for Aptana Studio. 这包含一个基于浏览器的模拟器。
- Windows用户需要下载 S60 SDK 它包含S60模拟器。
- 将phonegap-symbian.wrt/app.wgz文件加载进模拟器。
5B. 加载到设备
- 通过蓝牙或者邮件将phonegap-symbian.wrt/app.wgz文件上传到设备。
完成!
你可以在 这里了解本指南的详细版本。