phonegap 环境搭建教程（最新版本1.3）

最新推荐文章于 2024-04-27 21:29:20 发布

xiaoweidongdong

最新推荐文章于 2024-04-27 21:29:20 发布

阅读量87

点赞数

分类专栏： android phonegap 文章标签：开发工具 javascript 移动开发 ViewUI

本文链接：https://blog.csdn.net/xiaoweidongdong/article/details/84233702

版权

android phonegap 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

环境搭建教程（最新版本1.3）

选择您使用的开发平台

视频教程:
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之后:（如下图）
<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" />
在AndroidManifest添加 android:configChanges="orientation|keyboardHidden" 到activity标签(见下图)
在AndroidManifest添加第二个activity到 appliction 标签下面. (见下图)

<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.<版本号>.js

5A. 加载到模拟器

右键单击项目节点选择 Run As 然后点击Android Application
Eclipse将要求你选择一个合适的AVD（模拟器），如果没有设置的话，你需要创建一个AVD。

5B. 加载到设备

确认设备已经勾选USB 调试选项，并已将设备连接到电脑。（设置 > 应用程序 > 开发)
右键单击项目节点选择Run As 然后点击 Android Application

完成!

你可以在这里了解本指南的详细版本.

xiaoweidongdong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
phonegap 环境搭建教程（最新版本1.3）

环境搭建教程（最新版本1.3）选择您使用的开发平台iOSAndroidBlackberryWindows PhoneWebOSSymbian视频教程:1.配置要求Eclipse 3.4+如果不想使用Eclipse,这里提供了其他教程2.安装 SDK + PhoneGap...
复制链接

扫一扫