PhoneGap本地将html打包成安卓App

时间：2023-03-08 15:17:42
PhoneGap本地将html打包成安卓App

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

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

下载安装Java环境。

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

PhoneGap本地将html打包成安卓App

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

PhoneGap本地将html打包成安卓App

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

PhoneGap本地将html打包成安卓App

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

PhoneGap本地将html打包成安卓App

这里可以选择图标。

PhoneGap本地将html打包成安卓App

选择第一个

PhoneGap本地将html打包成安卓App

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

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

PhoneGap本地将html打包成安卓App

PhoneGap本地将html打包成安卓App

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

PhoneGap本地将html打包成安卓AppPhoneGap本地将html打包成安卓App

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

PhoneGap本地将html打包成安卓AppPhoneGap本地将html打包成安卓App

修改Java代码：

PhoneGap本地将html打包成安卓App

  1. package com.myexample.helloworld;
  2. import android.os.Bundle;
  3. import org.apache.cordova.*;
  4. public class MainActivity extends DroidGap
  5. {
  6. @Override
  7. public void onCreate(Bundle savedInstanceState)
  8. {
  9. super.onCreate(savedInstanceState);
  10. // Set by <content src="index.html" /> in config.xml
  11. super.loadUrl(Config.getStartUrl());
  12. //super.loadUrl("file:///android_asset/www/index.html")
  13. }
  14. }
  15. /*
  16. * 下面是adt生成的代码，注释掉
  17. import android.os.Bundle;
  18. import android.app.Activity;
  19. import android.view.Menu;
  20. public class MainActivity extends Activity {
  21. @Override
  22. protected void onCreate(Bundle savedInstanceState) {
  23. super.onCreate(savedInstanceState);
  24. setContentView(R.layout.activity_main);
  25. }
  26. @Override
  27. public boolean onCreateOptionsMenu(Menu menu) {
  28. // Inflate the menu; this adds items to the action bar if it is present.
  29. getMenuInflater().inflate(R.menu.main, menu);
  30. return true;
  31. }
  32. }*/

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

AndroidManifest.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements.  See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership.  The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License.  You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied.  See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  19. package="com.myexample.helloworld"
  20. android:hardwareAccelerated="true"
  21. android:versionCode="1"
  22. android:versionName="1.0"
  23. android:windowSoftInputMode="adjustPan" >
  24. <supports-screens
  25. android:anyDensity="true"
  26. android:largeScreens="true"
  27. android:normalScreens="true"
  28. android:resizeable="true"
  29. android:smallScreens="true"
  30. android:xlargeScreens="true" />
  31. <uses-permission android:name="android.permission.CAMERA" />
  32. <uses-permission android:name="android.permission.VIBRATE" />
  33. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  34. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  35. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
  36. <uses-permission android:name="android.permission.INTERNET" />
  37. <uses-permission android:name="android.permission.RECEIVE_SMS" />
  38. <uses-permission android:name="android.permission.RECORD_AUDIO" />
  39. <uses-permission android:name="android.permission.RECORD_VIDEO" />
  40. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
  41. <uses-permission android:name="android.permission.READ_CONTACTS" />
  42. <uses-permission android:name="android.permission.WRITE_CONTACTS" />
  43. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  44. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
  45. <uses-permission android:name="android.permission.GET_ACCOUNTS" />
  46. <uses-permission android:name="android.permission.BROADCAST_STICKY" />
  47. <application
  48. android:debuggable="true"
  49. android:hardwareAccelerated="true"
  50. android:icon="@drawable/ic_launcher"
  51. android:label="@string/app_name" >
  52. <activity
  53. android:name="com.myexample.helloworld.MainActivity"
  54. android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
  55. android:label="@string/app_name"
  56. android:theme="@android:style/Theme.Black.NoTitleBar" >
  57. <intent-filter>
  58. <action android:name="android.intent.action.MAIN" />
  59. <category android:name="android.intent.category.LAUNCHER" />
  60. </intent-filter>
  61. </activity>
  62. </application>
  63. <uses-sdk
  64. android:minSdkVersion="7"
  65. android:targetSdkVersion="17" />
  66. </manifest>

config.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements.  See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership.  The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License.  You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied.  See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <widget
  19. id="com.myexample.helloworld"
  20. version="2.0.0"
  21. xmlns="http://www.w3.org/ns/widgets" >
  22. <name>
  23. helloworld
  24. </name>
  25. <description>
  26. A sample Apache Cordova application that responds to the deviceready event.
  27. </description>
  28. <author
  29. email="dev@cordova.apache.org"
  30. href="http://cordova.io" >
  31. Apache Cordova Team
  32. </author>
  33. <access origin="*" />
  34. <!-- <content src="http://mysite.com/myapp.html" /> for external pages -->
  35. <content src="index.html" />
  36. <preference
  37. name="loglevel"
  38. value="DEBUG" />
  39. <!--
  40. <preference name="splashscreen" value="resourceName" />
  41. <preference name="backgroundColor" value="0xFFF" />
  42. <preference name="loadUrlTimeoutValue" value="20000" />
  43. <preference name="InAppBrowserStorageEnabled" value="true" />
  44. <preference name="disallowOverscroll" value="true" />
  45. -->
  46. <feature name="App" >
  47. <param
  48. name="android-package"
  49. value="org.apache.cordova.App" />
  50. </feature>
  51. <feature name="Geolocation" >
  52. <param
  53. name="android-package"
  54. value="org.apache.cordova.GeoBroker" />
  55. </feature>
  56. <feature name="Device" >
  57. <param
  58. name="android-package"
  59. value="org.apache.cordova.Device" />
  60. </feature>
  61. <feature name="Accelerometer" >
  62. <param
  63. name="android-package"
  64. value="org.apache.cordova.AccelListener" />
  65. </feature>
  66. <feature name="Compass" >
  67. <param
  68. name="android-package"
  69. value="org.apache.cordova.CompassListener" />
  70. </feature>
  71. <feature name="Media" >
  72. <param
  73. name="android-package"
  74. value="org.apache.cordova.AudioHandler" />
  75. </feature>
  76. <feature name="Camera" >
  77. <param
  78. name="android-package"
  79. value="org.apache.cordova.CameraLauncher" />
  80. </feature>
  81. <feature name="Contacts" >
  82. <param
  83. name="android-package"
  84. value="org.apache.cordova.ContactManager" />
  85. </feature>
  86. <feature name="File" >
  87. <param
  88. name="android-package"
  89. value="org.apache.cordova.FileUtils" />
  90. </feature>
  91. <feature name="NetworkStatus" >
  92. <param
  93. name="android-package"
  94. value="org.apache.cordova.NetworkManager" />
  95. </feature>
  96. <feature name="Notification" >
  97. <param
  98. name="android-package"
  99. value="org.apache.cordova.Notification" />
  100. </feature>
  101. <feature name="Storage" >
  102. <param
  103. name="android-package"
  104. value="org.apache.cordova.Storage" />
  105. </feature>
  106. <feature name="FileTransfer" >
  107. <param
  108. name="android-package"
  109. value="org.apache.cordova.FileTransfer" />
  110. </feature>
  111. <feature name="Capture" >
  112. <param
  113. name="android-package"
  114. value="org.apache.cordova.Capture" />
  115. </feature>
  116. <feature name="Battery" >
  117. <param
  118. name="android-package"
  119. value="org.apache.cordova.BatteryListener" />
  120. </feature>
  121. <feature name="SplashScreen" >
  122. <param
  123. name="android-package"
  124. value="org.apache.cordova.SplashScreen" />
  125. </feature>
  126. <feature name="Echo" >
  127. <param
  128. name="android-package"
  129. value="org.apache.cordova.Echo" />
  130. </feature>
  131. <feature name="Globalization" >
  132. <param
  133. name="android-package"
  134. value="org.apache.cordova.Globalization" />
  135. </feature>
  136. <feature name="InAppBrowser" >
  137. <param
  138. name="android-package"
  139. value="org.apache.cordova.InAppBrowser" />
  140. </feature>
  141. <!-- Deprecated plugins element. Remove in 3.0 -->
  142. <plugins>
  143. </plugins>
  144. </widget>

然后，就可以运行了

PhoneGap本地将html打包成安卓App

PhoneGap本地将html打包成安卓App

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