PhoneGap2.9.0本地将html打包成Android应用

PhoneGap的在线打包有大小限制,超过30M的包无法在线打包。当然,可以把包里面的图片、声音文件去掉,然后打包。下载以后,解包,重新打包并签名。蛮麻烦的。


本地打包的简单方法如下:


下载安装Java环境。


下载安装ADT。http://developer.android.com/sdk/index.html

PhoneGap2.9.0本地将html打包成Android应用_第1张图片


打开ADT,新建一个安卓应用项目

PhoneGap2.9.0本地将html打包成Android应用_第2张图片


输入名称啥的,然后就可以一路下一步

PhoneGap2.9.0本地将html打包成Android应用_第3张图片


可以选择下项目位置,我的是默认的。

PhoneGap2.9.0本地将html打包成Android应用_第4张图片


这里可以选择图标。

PhoneGap2.9.0本地将html打包成Android应用_第5张图片


选择第一个

PhoneGap2.9.0本地将html打包成Android应用_第6张图片

这个时候,一个安卓项目就建好了。这个时候运行,会看到默认的样子,不管他,无视。


将PhoneGap目录下的android目录下的jar文件拷贝到项目的libs目录下

PhoneGap2.9.0本地将html打包成Android应用_第7张图片

PhoneGap2.9.0本地将html打包成Android应用_第8张图片


将xml目录拷贝到项目的res目录下

PhoneGap2.9.0本地将html打包成Android应用_第9张图片PhoneGap2.9.0本地将html打包成Android应用_第10张图片


在assetc目录下,建立一个www目录,下面放html内容。为了偷懒,我把phonegap例子里面的内容拷贝过来了。

PhoneGap2.9.0本地将html打包成Android应用_第11张图片PhoneGap2.9.0本地将html打包成Android应用_第12张图片


修改Java代码:

PhoneGap2.9.0本地将html打包成Android应用_第13张图片

package com.myexample.helloworld;

import android.os.Bundle;
import org.apache.cordova.*;

public class MainActivity extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        // Set by  in config.xml
        super.loadUrl(Config.getStartUrl());
        //super.loadUrl("file:///android_asset/www/index.html")
    }
}

/*
 * 下面是adt生成的代码,注释掉
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

	@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;
	}

}*/

修改一下项目根目录下的AndroidManifest.xml和res/xml目录下的config.xml文件

AndroidManifest.xml






    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
        
            
                

                
            
        
    

    


config.xml





    
helloworld
    

    
        A sample Apache Cordova application that responds to the deviceready event.
    

    
        Apache Cordova Team
    

    

    
    

    
    

    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
        
    
    
    
    


然后,就可以运行了

PhoneGap2.9.0本地将html打包成Android应用_第14张图片

PhoneGap2.9.0本地将html打包成Android应用_第15张图片


PhoneGap的官方方法不是这样的,是用命令行生成默认包的。但是要装好几个东西。具体可以看PhoneGap包里面的readme文档。

你可能感兴趣的:(移动平台开发)