android 打包H5(亲测有效-AgentWeb)

2019-05-28  本文已影响0人  nibote

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>

上一篇下一篇

猜你喜欢

热点阅读