大蕊蕊

导航

[Android]PhoneGap Hello World

按照PhoneGap官网的教程就可以完成Hello World的编写，在这里写下如下说明

1、下载Eclipse的最新版本，一开始下了几个都安装不了ADT的Plugin，后来下载了一个eclipse-mobile-juno-SR1-win32.zip 就可以安装ADT了

2、直接用Eclipse download ADT比较慢这样下载完最新的ADT然后本地安装即可

3、下载android sdk

　　配置sdk的环境变量，直接指向目录即可

　　path下指向%sdk%/platforms

     sdk里面的具体android版本需要下载，添加host的映射，前面文章提过，否则GFW会屏蔽ip

4、下载PhoneGap最新版包

5、复制phonegap.js（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的js文件名修改为phonegap.js）到/assets/www。

6、复制phonegap.jar（从PhoneGap解压缩后的Android目录中）到/libs。 项目引用此jar包

7、复制xml整个目录（从PhoneGap解压缩后的Android目录中，包括一个plugins.xml）到/res。【v1.0 rc2以上】

8、将class的继承由Activity改为DroidGap

     将setContentView()替换为super.loadUrl("file:///android_asset/www/index.html");


9、编辑AndroidManifest.xml

<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" />

放在<application>上面

10、在AndroidManifest的activity标签中添加android:configChanges="orientation|keyboardHidden"

11、在 “/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>

开发完成，直接部署就会看到Hello World的网页弹出

 

posted on 2012-10-10 13:31  大蕊蕊  阅读(311)  评论(0)    收藏  举报