android 打包H5(親測有效-AgentWeb)

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章