`

phonegap 环境搭建教程(最新版本1.3)

 
阅读更多

 

环境搭建教程(最新版本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;
    • javaSrc
    • 在这里你可能会遇到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>
      manifest
  • 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
  • 完成!

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


 

分享到:
评论

相关推荐

    Appium自动化测试环境搭建

    ### Appium自动化测试环境搭建详解 #### 一、Appium概述 ##### 1.1 特点 Appium是一款开放源代码的自动化测试工具,它能够支持iOS平台和Android平台上的原生应用、Web应用及混合应用的测试。具体而言: - **原生...

    ionic3开发笔记

    #### 二、Ionic 3的开发环境搭建 ##### 2.1 必备软件 - **Node.js**:需要安装最新稳定版的Node.js,版本建议在6.0以上。 - **Ionic和Cordova**:通过npm全局安装这两个工具。 ##### 2.2 创建项目 - 使用命令`...

    Sencha_Touch_2.0用户指南(中文版) (2).pdf

    - **环境配置:** 需要搭建一个本地Web服务器,以便能够通过HTTP访问项目文件。推荐使用Chrome或Safari浏览器进行开发,避免使用老旧的浏览器如IE6。 - **IIS配置:** 如果使用的是Windows IIS作为Web服务器,则需要...

    Learning Ionic中文版

    - 这一部分介绍了搭建Ionic开发环境所需的基本工具,包括Node.js、npm、Ionic CLI等。 - **2.5 使用Ionic模块进行工作** - Ionic模块是指那些可以被添加到Ionic应用中的额外功能模块。通过使用这些模块,开发者...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    6.2 系统运行环境搭建及配置 34 6.2.1 AndroidManifest.xml主程序环境配置 34 6.2.2 移动端工程资源布局 35 6.3 认我测在线认证检测系统的主要功能实现 36 6.3.1用户查询 36 6.3.2订单操作 37 6.3.3个人信息维护 37 ...

Global site tag (gtag.js) - Google Analytics