android 打包H5
樓主是一名前端開發攻城獅,應公司要求在原有H5網站的基礎上開發一版APP,又不想招人,只能讓樓主攻克難關了,經過度娘一番搜索,找到一款適合使用的插件 AgentWeb,使用方法非常簡單,下面就一步一步操作:
第一步
使用android studio 創建一個android應用程序 :
IDE左上角 File-New-New Project:
第二步 引入
打開項目下app —> build.gradle ,添加
implementation ‘com.just.agentweb:agentweb:4.0.2’
implementation ‘com.just.agentweb:download:4.0.2’
implementation ‘com.just.agentweb:filechooser:4.0.2’
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
implementation 'com.just.agentweb:agentweb:4.0.2'
implementation 'com.just.agentweb:download:4.0.2'
implementation 'com.just.agentweb:filechooser:4.0.2'
}
第三步
打開 app===>src===> main ===> java ===>MainActivity文件:
package com.easefiel.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.widget.LinearLayout;
import com.just.agentweb.AgentWeb;
public class MainActivity extends Activity {
private LinearLayout mldzChufanginfoWeblayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
mldzChufanginfoWeblayout=(LinearLayout)findViewById(R.id.mldz_chufanginfo_weblayout) ;
AgentWeb mAgentWeb = AgentWeb.with(this)//傳入Activity
.setAgentWebParent(mldzChufanginfoWeblayout, new LinearLayout.LayoutParams(-1, -1))//傳入AgentWeb 的父控件 ,如果父控件爲 RelativeLayout , 那麼第二參數需要傳入 RelativeLayout.LayoutParams
.useDefaultIndicator()// 使用默認進度條
.createAgentWeb()//
.ready()
.go("http://www.badu.com/");
}
}
有爆紅哦,不要着急,我們一步一步來操作。
第四步
打開 app===>src===> main => res=>layout文件:
創建xml文件 文件名自定義:
接下來添加內容:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.easefiel.myapplication.MainActivity">
<LinearLayout
android:orientation="vertical"
android:id="@+id/mldz_chufanginfo_weblayout"
android:layout_width="match_parent"
android:layout_height="match_parent"></LinearLayout>
</LinearLayout>
要特別注意一點 android:id 的值一定要和MainActivity 中的ID一致,不然會報錯;
第五步
配置 AndroidManifest.xml 文件:
首先添加權限:
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
可以根據自己的功能,添加對應的權限;
第六步
更改應用名稱、LOGO、啓動頁
應用名稱
還是在AndroidManifest.xml 文件下,找到:
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"//應用圖標
android:label="@string/app_name" //應用名稱
android:roundIcon="@mipmap/ic_launcher_round"//啓動頁
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>