第一个phonegrap android项目 helloworld

时间 2019-11-24

标签第一个 phonegrap android 项目 helloworld 栏目 Android 繁體版

原文原文链接

1. 配置要求
- Eclipse 3.4+
这里提供一个不须要Eclipse的Terminal版本教程 javascript
2. 安装 SDK + PhoneGap

下载安装Eclipse Classic html

下载安装 Android SDK java

下载安装 ADT Plugin android

下载最新的PhoneGap版本而后解压其中，下面就是安卓目录的配置过程了. git
3. 配置新的项目
- 打开 Eclipse,在文件菜单下面点击 New > Android Project
- 在项目的根目录, 建立两个目录:
  - /libs
  - /assets/www
- 从刚才下载的PhoneGap中复制cordova.js 到/assets/www目录
- 从刚才下载的PhoneGap中复制cordova.jar 到/libs目录
- 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
- M对Eclipse的src文件夹中的主Java文件进行少许调整：（以下图）
  - 将class的继承类由 Activity改成DroidGap
  - 将setContentView() 这一行替换为super.loadUrl("file:///android_asset/www/index.html");
  - 添加import com.phonegap.*;
  - 移除 import android.app.Activity;
- 在这里你可能会遇到Eclipse找不到cordova.jar的错误。在这种状况下，右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。而后在Libraries标签页中添加cordova.jar到项目中。若是Eclipse不是很稳定，你须要点击F5刷新一次项目。
- 右键单击AndroidManifest.xml并选择Open With > Text Editor。
- 将下面的权限设置拷贝到versionName以后:（以下图）
- Add android:configChanges="orientation|keyboardHidden" to the activity tag in AndroidManifest. (view image below)
- Add a second activity under you appliction tag in AndroidManifest. (view image below)
4. Hello World

在 “/assets/www”目录中新建文件index.html ，并粘贴以下代码： github

<!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

第一个phonegrap android项目 helloworld

1. 配置要求

2. 安装 SDK + PhoneGap

3. 配置新的项目

4. Hello World

5A. 部署到模拟器

5B. 部署到设备