phonegap开发入门

2022-05-12 03:08:48

做了几次开发配置了，但时间一长就忘了，特记录一下。

一、环境变量配置：：右击“我的电脑”-->"高级"-->"环境变量"

　　1、在系统变量里新建JAVA_HOME变量，变量值为：C:\Program Files\Java\jdk1.7.0_79（根据自己的安装路径填写）

　　2、新建classpath 变量，变量值为：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

　　3、在path 变量（已存在不用新建）尾部添加变量值：;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;（注意变量值之间用“;”隔开）

　　4、“开始”-->“运行”-->输入“javac”-->"Enter"，如果能正常打印用法说明配置成功！

　　5、下载Android Development Tools 已经包括了Android sdk、esclipe，解压即可使用：http://www.cnblogs.com/kuangliu/p/4607406.html

　　6、在path 变量（已存在不用新建）尾部添加变量值：

　　D:\phonegap\adt-bundle-windows-x86_64-20140702\sdk\tools（根据自己的存放路径填写）

　　D:\phonegap\adt-bundle-windows-x86_64-20140702\sdk\platform-tools

　　D:\phonegap\adt-bundle-windows-x86_64-20140702\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

　　7、更新自己的android sdk到最新（不然build不成功）

　　8、ANT目录不能是中文不然编译不成功

　　9、输入java javac ant 看是否配置环境成功

注：JAVA_HOME:　　jdk 的安装路径

　　classpath:　　　 java 加载类路径，只有类在classpath 中java 命令才能识别，在路径前加了个"."表示当前路径

　　path：　　　　　系统在任何路径下都可以识别java,javac 命令

二、安装 node node .js

　　下载地址：http://nodejs.org/

　　下载完成安装 node

三、安装phonegap

　　npm install -g cordova

四、创建项目

   cordova create hello com.example.hello "HelloWorld"

　　cd hello

　　cordova platform add android

　　cordova build

　　cordova run android 运行模拟器

五、安装、删除插件

cordova plugin add org.apache.cordova.console   //添加

cordova plugin ls    //查看

cordova plugin rm org.apache.cordova.console    //删除

六、配置全局文件

　　http://docs.phonegap.com/zh/edge/config_ref_index.md.html#Config.xml%20%E6%96%87%E4%BB%B6

如果用eclipse创建项目的话要修改几个文件

　　1、把cordova-2.9.0.jar文件拷贝到libs文件夹里

　　2、example里的xml文件夹拷贝到项目目录下的res文件夹里

　　3、在/assets/www下建立index.html文件，并引入cordova.js文件

　　4、对src文件夹下的XXX.java文件作如下修改：

　　　　4.1 注掉import android.app.Activity;加上import org.apache.cordova.*;

　　　　4.2 修改类的继承将Activity 修改为 DroidGap

　　　　4.3 onCreate类改成 public

　　　　4.4 把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");
　　　　改完如下：

package com.example.weapp;

//import android.support.v7.app.ActionBarActivity;

import android.os.Bundle;

import android.view.Menu;

//import android.view.MenuItem;

import org.apache.cordova.*;

public class MainActivity extends DroidGap {

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        //setContentView(R.layout.activity_main);

        super.loadUrl("file:///android_asset/www/index.html");

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

    /*@Override

    public boolean onOptionsItemSelected(MenuItem item) {

        // Handle action bar item clicks here. The action bar will

        // automatically handle clicks on the Home/Up button, so long

        // as you specify a parent activity in AndroidManifest.xml.

        int id = item.getItemId();

        if (id == R.id.action_settings) {

            return true;

        }

        return super.onOptionsItemSelected(item);

    }*/

}

　　5、修改项目根目录下的AndroidManifest.xml文件

　　　　改完如下：

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.weapp"

    android:versionCode="1"

    android:versionName="1.0" >

    <supports-screens

        android:anyDensity="true"

        android:largeScreens="true"

        android:normalScreens="true"

        android:resizeable="true"

        android:smallScreens="true"

        android:xlargeScreens="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.INTERNET" />

    <uses-permission android:name="android.permission.RECEIVE_SMS" />

    <uses-permission android:name="android.permission.RECORD_AUDIO" />

    <uses-permission android:name="android.permission.RECORD_VIDEO" />

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

    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

    <uses-sdk

        android:minSdkVersion="10"

        android:targetSdkVersion="21" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name=".MainActivity"

            android:configChanges="orientation|keyboardHidden"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

其中<application>标签我们可以看做是我们当前的应用，而<activity>代表我们应用内的一个界面，<intent-filter>标签里我们给当前页面设置了一个权限

android.intent.action.MAIN表示是最先启动的的界面；

android.intent.category.LAUNCHER决定应用程序是否显示在程序列表里；

android:configChanges="orientation|keyboardHidden

这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法；

参考：http://www.cnblogs.com/shawn-xie/archive/2012/08/15/2638480.html

码农公寓

相关文章