android 打包H5（亲测有效-AgentWeb）

最新推荐文章于 2025-06-04 09:18:13 发布

原创最新推荐文章于 2025-06-04 09:18:13 发布 · 置顶 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

移动APP 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何利用AgentWeb插件将H5网站转换成Android应用程序，包括创建项目、引入依赖、配置布局、设置权限及自定义应用属性等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>