1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>搭建phonegap开发环境,搭建安卓开发环境</title>
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. </head>
  10. <body>
  11. <h3>本教程使用的ADT版本是:adt-bundle-windows-x86_64-20130729,phonegap的版本是:phonegap-2.9.0</h3>
  12. <p>首先下载一个java的JDK,因为需要用到eclipse,下载一个<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html">jdk-7u40-windows-x64.exe</a>,直接双击安装,和安装QQ软件一样</p>
  13. <p>切记:先安装JDK才能用eclipse;下载一个安卓SDT<a href="http://developer.android.com/sdk/index.html">官网地址</a><br /><br />
  14. 里面有一个eclipse文件夹(安卓开发的定制版:eclipse);一个sdk文件夹;还有一个SDK Manager.exe<br /><br />
  15. 直接进入eclipse文件夹看到一个eclipse.exe,双击安装;和安装QQ软件一样;
  16. </p>
  17. <p>eclipse安装好之后就需要一下安卓,步骤:在菜单项找到“help=>Install New Software..”<br />
  18. 在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”;在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/”,等待下载;<br />
  19. 如果能顺利下载,那就是人品爆发了;这个时候会出现一个错误说链接不上谷歌的这个网址;<br />解决的方法:修改本地的host文件:找到C:\Windows\System32\drivers\etc里面的hosts文件打开把这个粘贴进去:74.125.237.1 dl-ssl.google.com然后重启网络或者重启电脑再重复:步骤:在菜单项找到“help=>Install New Software..”在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”;在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/ Enabled”,等待下载;
  20. 这时候会下载了2个;一般勾选第一个Developer Tools就可以了,
  21. </p>
  22. <p>新建一个安卓工程:“File=>new=>Android Application Project”;填写一些信息(略过)</p>
  23. <p>以上步骤都弄好了之后,就启动一个安卓模拟器;步骤:在菜单项"Window=>Android Virtual Device Manager";然后填写一些手机信息(略过了);然后就可以看到一个手机模拟器啦;帅气的安卓系统。</p>
  24. <p></p>
  25. <p>搭建好安卓的环境之后,以下将是配置phonegap开发</p>
  26. <p>首页需要新建一个命名为MyFirstApp的安卓project。</p>
  27. <p>然后在MyFirstApp\assets目录下新建一个文件夹命名为“www”</p>
  28. <p>下载一个最新版的phonegap;<a href="https://github.com/phonegap/phonegap/archive/2.9.0.zip">官网下载</a></p>
  29. <p>解压:phonegap;这个lib文件夹里面的东西才是我们需要的,其他可以删;</p>
  30. <p>将phonegap-2.9.0\lib\android里面的cordova.js复制到“MyFirstApp\assets目录下的www”</p>
  31. <p>在www里面新建一个index.html文件,这个html一定要引入cordova.js;相对路径的.</p>
  32. <p>然后再去复制cordova-2.9.0.jar到“MyFirstApp\libs”里面</p>
  33. <p>还需要复制xml文件夹到“MyFirstApp\res”文件里</p>
  34. <p>这样就把phonegap整合到安卓开发了,但是还不能高兴,还需要配置</p>
  35. <p>先按F5刷新一下左边的“Package Explorer”</p>
  36. <p>找到"libs"鼠标右键libs“Build Path=>Configure Build Path..”</p>
  37. <p>在弹出窗选择第三栏“Libraries”,然后点击“Add JARs...”,选择刚刚复制的cordova-2.9.0.jar</p>
  38. <p>修改一个java主程序文件"src=>MainActivity.java"</p>
  39. <p>直接把下面的代码替换掉原来的</p>
  40. <code style="width:800px;">
  41. package com.example.myfirstapp;
  42. //新添加import org.apache.cordova.DroidGap;
  43. import org.apache.cordova.DroidGap;
  44.  
  45. import android.os.Bundle;
  46. import android.app.Activity;
  47. import android.view.Menu;
  48.  
  49. public class MainActivity extends DroidGap {
  50.  
  51. @Override
  52. //protected void onCreate(Bundle savedInstanceState) {
  53. //把protected修改成public
  54. public void onCreate(Bundle savedInstanceState) {
  55. super.onCreate(savedInstanceState);
  56. setContentView(R.layout.activity_main);
  57. //新添加:super.loadUrl("file:///android_asset/www/index.html");
  58. super.loadUrl("file:///android_asset/www/index.html");
  59. }
  60.  
  61. @Override
  62. public boolean onCreateOptionsMenu(Menu menu) {
  63. // Inflate the menu; this adds items to the action bar if it is present.
  64. getMenuInflater().inflate(R.menu.main, menu);
  65. return true;
  66. }
  67.  
  68. }
  69. </code>
  70.  
  71. <p>修改AndroidMainfest.xml文件,右键AndroidMainfest.xml选择“Open With=>Text Editor”,修改成以下</p>
  72. <p>
  73. <?xml version="1.0" encoding="utf-8"?>
  74. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  75. package="com.example.myfirstapp"
  76. android:versionCode="1"
  77. android:versionName="1.0" >
  78.  
  79. <uses-sdk
  80. android:minSdkVersion="8"
  81. android:targetSdkVersion="17" />
  82. <!--以下新增加-->
  83. <supports-screens
  84. android:largeScreens="true"
  85. android:normalScreens="true"
  86. android:smallScreens="true"
  87. android:resizeable="true"
  88. android:anyDensity="true"/>
  89.  
  90. <uses-permission android:name="android.permission.CAMERA" />
  91. <uses-permission android:name="android.permission.VIBRATE" />
  92. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  93. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  94. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
  95. <uses-permission android:name="android.permission.READ_PHONE_STATE" />
  96. <uses-permission android:name="android.permission.INTERNET" />
  97. <uses-permission android:name="android.permission.RECEIVE_SMS" />
  98. <uses-permission android:name="android.permission.RECORD_AUDIO" />
  99. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
  100. <uses-permission android:name="android.permission.READ_CONTACTS" />
  101. <uses-permission android:name="android.permission.WRITE_CONTACTS" />
  102. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  103. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
  104. <uses-permission android:name="android.permission.GET_ACCOUNTS" />
  105. <uses-permission android:name="android.permission.BROADCAST_STICKY"/>
  106. <!--end 新增加-->
  107.  
  108. <application
  109. android:allowBackup="true"
  110. android:icon="@drawable/ic_launcher"
  111. android:label="@string/app_name"
  112. android:theme="@style/AppTheme" >
  113. <activity
  114. android:name="com.example.myfirstapp.MainActivity"
  115. android:label="@string/app_name" android:configChanges="orientation|keyboardHidden" >
  116. <intent-filter>
  117. <action android:name="android.intent.action.MAIN" />
  118.  
  119. <category android:name="android.intent.category.LAUNCHER" />
  120. </intent-filter>
  121. </activity>
  122. <!--以下新增加-->
  123. <activity android:name="com.phonegap.DroidGap"
  124. android:label="@string/app_name"
  125. android:configChanges="orientation|keyboardHidden">
  126. <intent-filter> </intent-filter>
  127. </activity>
  128. <!--end 新增加-->
  129.  
  130. </application>
  131.  
  132. </manifest>
  133. </p>
  134. <p>最后运行就可以看到Index.html的内容了。就可以用html编写出apk,app,webapp了</p>
  135. </body>
  136. </html>

搭建phonegap开发环境,搭建安卓开发环境的更多相关文章

  1. 在Windows上搭建PhoneGAP(crodova)的开发环境

    PhoneGAP是一个可以将web应用打包成移动应用的开源框架,使用它可以迅速的将HTML.CSS和JavaScript开发的web应用打包成跨平台的移动应用程序,而Apache Cordova是Ph ...

  2. android开发1:安卓开发环境搭建(eclipse+jdk+sdk)

    计划折腾折腾安卓开发了,从0开始的确很痛苦,不过相信上手应该也不会太慢.哈哈 一.Android简介 Android 是基于Linux内核的软件平台和操作系统. Android构架主要由3部分组成,l ...

  3. 搭建Eclipse+ADT+Android SDK 安卓开发环境

    安装JDK 请看JDK环境搭建 即可. 安装Eclipse Eclipse 是一个开放源代码的.基于Java的可扩展开发平台.就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境.幸运 ...

  4. Android + Eclipse + PhoneGap 2.9.0 安卓最新环境配置,部分资料整合网上资料,已成功安装.

    前言:最近心血来潮做了一个以品牌为中心的网站,打算推出本地服务o2o应用.快速开发手机应用,最后选择了phonegap,这里我只是讲述我安装的过程,仅供大家参考. 我开发的一个模型http://www ...

  5. Android安卓开发一环境配置

    安卓项目开发 我采用的安卓开发软件是IDEA,IDEA功能强大,具有集成的安卓开发环境. 安卓开发的首要任务是在IDEA配置安卓开发环境 第一步新建一个安卓项目 按照提示完成操作,首次建立安卓项目它会 ...

  6. Android(安卓)开发通过NDK调用JNI,使用opencv做本地c++代码开发配置方法 边缘检测 范例代码

    以前写过两个Android开发配置文档,使用NDK进行JNI开发,这样能够利用以前已经写好的C++代码. 前两篇博客地址: http://blog.csdn.net/watkinsong/articl ...

  7. 腾讯IOT安卓开发初探

    目录 腾讯IOT 安卓开发初探 Tecent IOT 开发平台的使用 新建项目 创建产品 添加自定义功能 设备开发 微信小程序配置 面板配置 新建设备 使用设备 安卓开发 前置配置 data.json ...

  8. 我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

    一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. ...

  9. Cordova/PhoneGap 安卓开发环境搭建

    此文为个人原创作品,如有不正确之处,恳请大家指出,并请您谅解,转载请说明出处. 准备阶段: 必备: JDK(根据自己的开发平台下载相应的安装包,可能需要FQ) Nodejs  (根据自己的开发平台下载 ...

随机推荐

  1. css和js禁止网页选择文字

    user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行 ...

  2. HTML&CSS基础学习笔记1.10—添加链接

    我们可以设置链接的目标,使我们点击后可以跳转到我们想要去的地方. <a>标签的 href 属性用于指定超链接目标的 URL. 在页面中添加的<a>标签,浏览器会用特殊效果显示, ...

  3. 读取Excel文件内容在Web上显示

    点击事件代码.cs protected void Button1_Click(object sender, EventArgs e) { string strPath = "d:/test. ...

  4. cf C. Insertion Sort

    http://codeforces.com/contest/362/problem/C #include <cstdio> #include <cstring> #includ ...

  5. FJ省队集训DAY5 T1

    思路:考试的时候打了LCT,自以为能过,没想到只能过80.. 考完一想:lct的做法点数是100W,就算是nlogn也会T. 讲一下lct的做法把:首先如果一条边连接的两个点都在同一个联通块内,那么这 ...

  6. ECMAScript 5/6/7兼容性速查表

    http://kangax.github.io/compat-table/es5/ 秒查ECMAScript在各大浏览器的兼容性,点击右上角按钮可以“在5/6/7/非标”之间切换.做JavaScrip ...

  7. windows设备驱动安装接口(自己仿写)

    /***************************************** Author:foo_hack This is File named:Setup.h The Funtion Im ...

  8. 【转】使用 vim + ctags + cscope + taglist 阅读源码

    原文网址:http://my.oschina.net/u/554995/blog/59927 最近,准备跟学长一起往 linux kernel 的门里瞧瞧里面的世界,虽然我们知道门就在那,但我们还得找 ...

  9. bzoj 1191

    http://www.lydsy.com/JudgeOnline/problem.php?id=1191 二分+二分图匹配. 首先二分可以答对前mid道题,然后做二分图. 左边是题目,右边是锦囊. 做 ...

  10. 特征提取(Detect)、特征描述(Descriptor)、特征匹配(Match)的通俗解释

    特征匹配(Feature Match)是计算机视觉中很多应用的基础,比如说图像配准,摄像机跟踪,三维重建,物体识别,人脸识别,所以花一些时间去深入理解这个概念是不为过的.本文希望通过一种通俗易懂的方式 ...