-
选择您使用的开发平台
-
视频入门教程 :
-
1. 需求
- 基于Intel芯片的电脑，并且安装Mac OS X Snow Leopard (10.6)操作系统。
设备的必要安装项:
- 苹果iOS设备（iPhone、iPad、Pod Touch）。
- iOS开发证书。
-
2. 安装SDK + PhoneGap
从苹果开发者门户下载并安装Xcode。(要求是会员)
下载最新版本的PhoneGap并解压，打开iOS目录并完成安装。
-
3. 新项目设置
- 启动 Xcode, 然后在菜单“文件”下选择“新建项目...”。
- 在“用户模板”区域，选择PhoneGap，然后在右边面板，选择PhoneGap-based应用程序。
- 点击“选择...”按钮，输入项目名称并选择项目存放目录。
-
4. Hello World
找到“www”文件夹，打开“index.html”文件，在
<body>标签后，输入<h1>Hello World</h1>。你还可以添加任何相关的Javascript或者CSS文件。 -
5A. 部署到模拟器
- 确认将左上角的Active SDK选项从Use Base SDK改为Simulator+version#。
- 在项目窗口顶部点击Build and Run按钮。
-
5B. 部署到设备
- 打开[AppName]-Info.plist，将BundleIdentifier改为苹果公司提供的标识。如果你有开发许可，你可以在这里运行助手并注册应用程序。
- 确认将左上角的Active SDK选项从Use Base SDK改为Device+version#。
- 在项目窗口顶部点击Build and Run按钮。
-
完成!
你可以在这里了解本指南的详细版本。
-
视频入门教程 :
-
1. 需求
- 基于Intel芯片的电脑，并且安装Mac OS X Snow Leopard (10.6)操作系统。
2. 设备的必须安装项:
- 苹果iOS设备（iPhone、iPad、iPod Touch）。
- iOS开发证书。
-
2. 安装SDK + PhoneGap
从苹果开发者门户下载并安装Xcode。(要求是会员)
下载最新版本的PhoneGap并解压，打开iOS目录并完成安装。
-
3. 新项目设置
- 启动 Xcode, 然后在菜单“文件”下选择“新建项目...”。
- 从模板列表中选择“PhoneGap-based应用程序”。
- 选择“下一步”按钮，为你的应用程序输入“产品名称”&“公司名称”。
- 选择项目存储目录。
- 现在你应该可以在Xcode 4中看到你的项目。在左上角选择运行按钮，你的程序应该成功编译并在模拟器上启动了。
- 你会在你的模拟器上看到一条错误信息告知你找不到“index.html”文件。
- 要解决这个问题，需要将“www”文件夹复制到项目中。右键单击项目左侧的导航窗口，点击在查找器中显示。
- 在查找器中，可以看到你项目旁边的“www”目录。
- 下一步非常重要！将“www”文件夹拖动到 Xcode 4。你不能仅仅将“www”文件夹拖动到你的程序文件夹中，必须拖入Xcode 4中！！在我的示例中，如下所示我将它拖入到HiWorld中。
- 拖动后，你应该会看到弹出包含几个选项的提示，确认选择“为任何新增的文件夹创建文件夹引用”，点击完成。
-
4. Hello World
找到“www”文件夹，打开“index.html”文件，在
<body>标签后，输入<h1>Hello World</h1>。你还可以添加任何相关的Javascript或者CSS文件。 -
5A. 部署到模拟器
- 确认将左上角的Active SDK选项从Use Base SDK改为Simulator+version#。
- 在项目窗口顶部点击Run按钮。
-
5B. 部署到设备
- 打开[AppName]-Info.plist，将BundleIdentifier改为苹果公司提供的标识。如果你有开发许可，你可以在这里运行助手并注册应用程序。
- 确认将左上角的Active SDK选项从Use Base SDK改为Device+version#。
- 在项目窗口顶部点击Run按钮。
-
完成!
你可以在这里了解本指南的详细版本。
-
视频教程:
-
1. 需求
- Eclipse 3.4+
本教程还有另外一个不使用Eclipse的版本，参照这里 。
-
2. 安装SDK + PhoneGap
下载并安装Eclipse Classic。
下载并安装Android SDK。
下载并安装ADT Plugin。
下载 最新版本的PhoneGap并解压，我们将使用其中的Android目录。
-
3. 新项目设置
- 启动Eclipse，然后在菜单“File”下选择“New > Android Project”。
- 在项目根目录下，创建两个新目录:
- /libs
- /assets/www
- 复制phonegap.js（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的js文件名修改为phonegap.js）到/assets/www。
- 复制phonegap.jar（从PhoneGap解压缩后的Android目录中）到/libs。
- 复制xml整个目录（从PhoneGap解压缩后的Android目录中，包括一个plugins.xml）到/res。【v1.0 rc2以上】
- 对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之后:（如下图）
<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" />
- 在AndroidManifest的activity标签中添加
android:configChanges="orientation|keyboardHidden"。(如上图)
-
4. Hello World
在 “/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>
-
5A. 部署到模拟器
- 右键单击项目节点选择Run As，然后点击Android Application。
- Eclipse将要求你选择一个合适的AVD，如果没有设置的话，你需要创建一个AVD。
-
5B. 部署到设备
- 确认设备已经勾选USB debugging选项，并已将设备连接到电脑。（设置 > 应用程序 > 开发)
- 右键单击项目节点选择Run As，点击Android Application。
-
完成!
你可以在这里了解本指南的详细版本。
-
2034
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
