安卓WebView的使用

这篇具有很好参考价值的文章主要介绍了安卓WebView的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、WebView简介

        WebView是Android中的原生UI控件,主要用于在app应用中方便地访问远程网页或本地html资源。同时,WebView也在Android中充当Java代码和JS代码之间交互的桥梁。实际上,也可以将WebView看做一个功能最小化的浏览器。

        安卓官方WebView接口文档

二、安卓交互功能封装

        通过Android Studio将WebView相关调用接口封装成AAR包,以供后续Unity调用。

1、新建安卓工程

(1)创建工程

        使用Android Studio创建新工程,选择为Empty Activity。

android webview使用,安卓,Unity,android,webview,unity

(2)选项配置

        设置一下Name及Package name,注意一下Language是否选择Java。

android webview使用,安卓,Unity,android,webview,unity

 2、创建模块

        创建用于封装AAR包的模块。选中工程名,右键New-->Module。例如本项目创建名为WebView的模块。

        注意,模块包名要与工程的包名一致。

android webview使用,安卓,Unity,android,webview,unity

android webview使用,安卓,Unity,android,webview,unity

 3、Java类创建

(1)创建方法调用类

        选中WebView模块-->src-->main-->java-->包名(com.xx.xx),右键New-->Java Class,创建名为MainActivity的方法调用Java类,内部写好供Unity调用的方法。写入以下代码。

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.widget.Toast;

public class MainActivity extends Activity{
    private Context mContext;
    private static MainActivity mMainActivity = null;

    public MainActivity(Context context) {
        this.mContext = context;
    }


    public static MainActivity getInstance(Context context){
        if (mMainActivity == null) {
            mMainActivity = new MainActivity(context);
        }
        return mMainActivity;
    }

    //Unity中会调用这个方法,从而开打WebView
    public void StartWebView(String url,String label)
    {
        printLog("Welcome");
        WebViewActivity.openUrl = url;
        WebViewActivity.activityLabel = label;
        Intent intent = new Intent(this.mContext,WebViewActivity.class);
        this.mContext.startActivity(intent);
    }

    public boolean showToast(String content){
        Toast.makeText(this.mContext,content,Toast.LENGTH_SHORT).show();
        return true;
    }

    private void printLog(String s){
        //Log.d("vivian",s);
        showToast(s);
    }
}

(2)创建WebView调用类

        同样的方式,在MainActivity同级目录里创建名为WebViewActivity的WebView调用类,用于开启WebView。写入以下代码。

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;

public class WebViewActivity extends Activity {
    public static String openUrl;//需要打开的链接
    public static String activityLabel;//链接对应的Title,显示在WebView的标题栏
    private WebView webView;
    private Button close;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setTitle(activityLabel);//设置链接的Title
        setContentView(R.layout.activity_webview);

        webView = (WebView) findViewById(R.id.WebView);
        webView.loadUrl(openUrl);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());

        close = (Button) findViewById(R.id.CloseButton);
        close.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                WebViewActivity.this.finish();
            }
        });
    }

    private class WebViewClient extends android.webkit.WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            WebView.HitTestResult hit = view.getHitTestResult();
            //hit.getExtra()为null或者hit.getType() == 0都表示即将加载的URL会发生重定向,需要做拦截处理
            if (TextUtils.isEmpty(hit.getExtra()) || hit.getType() == 0) {
                //通过判断开头协议就可解决大部分重定向问题了,有另外的需求可以在此判断下操作
                Log.e("重定向", "重定向: " + hit.getType() + " && EXTRA()" + hit.getExtra() + "------");
                Log.e("重定向", "GetURL: " + view.getUrl() + "\n" +"getOriginalUrl()"+ view.getOriginalUrl());
                Log.d("重定向", "URL: " + url);
            }

            if (url.startsWith("http://") || url.startsWith("https://")) {//加载的url是http/https协议地址
                view.loadUrl(url);
                return false; //返回false表示此url默认由系统处理,url未加载完成,会继续往下走

            } else { //加载的url是自定义协议地址
                try {
                    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                    startActivity(intent);
                } catch (Exception e) {
                    e.printStackTrace();
                }
                return true;
            }
        }
    }
}

4、AndroidManifest.xml文件配置

        在AndroidManifest.xml文件里配置创建的Java类及权限。

        模块创建后默认写入了一些内容,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">

</manifest>

        在WebView模块-->src-->main下打开AndroidManifest.xml,写入以下内容:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="包名">
    <application
        android:usesCleartextTraffic="true">
        <activity android:name=".MainActivity">

        </activity>
        <activity android:name=".WebViewActivity"
            android:label="@string/activity_name">
        </activity>
    </application>
    <!-- 连接互联网的权限 -->
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

5、创建res文件夹

        选中WebView模块-->src-->main,右键New-->Directory,在弹窗里选择res,双击创建。

android webview使用,安卓,Unity,android,webview,unity

 

        res文件夹后续用来存储布局文件及一些字符串配置文件。

        创建后的目录层级如下:

android webview使用,安卓,Unity,android,webview,unity

 6、创建WebView布局文件

        布局文件用于WebView界面布局设计。选中res文件夹,右键New-->Directory,在弹窗里输入layout,回车创建。

android webview使用,安卓,Unity,android,webview,unity

        创建完毕后,选中layout,右键New-->Layout Resource File,在弹窗里输入activity_webview(名字根据自己的上下文自定义),点击OK创建布局文件。

        将界面选择为Code后,写入以下内容:

android webview使用,安卓,Unity,android,webview,unity

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/WebView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1.0"
        />

    <Button
        android:id="@+id/CloseButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:backgroundTint="#009688"
        android:text="返回"
        android:textColor="#FFFFFF"
        android:textColorHint="#000000" />
</LinearLayout>

7、创建strings.xml文件

         选中res文件夹,右键New-->Directory,在弹窗里输入values,回车创建。

android webview使用,安卓,Unity,android,webview,unity

         创建完毕后,选中values,右键New-->File,在弹窗里输入strings.xml后,回车创建。

android webview使用,安卓,Unity,android,webview,unity

         创建完毕,打开strings.xml文件,写入以下内容:

<resources>
    <string name="activity_name">B站</string>
</resources>

        strings.xml文件用于设置WebView界面的标题,在WebViewActivity中动态修改其值。

8、修改编译和目标SDK

        在WebView模块中,找到并打开build.gradle文件,将compileSdk和targetSdk修改为31或以上。

android webview使用,安卓,Unity,android,webview,unity

         因为后续构建release版本AAR包时,需要31或以上版本的SDK。

9、修改Build变量为release

        点击Build-->Select Build Variant...,在打开的界面中将WebView模块的Build Variant选择为release。

android webview使用,安卓,Unity,android,webview,unity

 10、针对AAR包混淆处理

(1)build.gradle修改

        在WebView模块中,找到并打开build.gradle文件,将buildTypes中release块的minifyEnabled修改为true。

android webview使用,安卓,Unity,android,webview,unity

 (2)混淆文件修改

        在WebView模块中,找到并打开proguard-rules.pro文件,写入以下内容:

-keep class 包名.MainActivity{public <methods>;}

        此处是为了保持MainActivity中的public方法不被混淆处理,避免供Unity调用的方法混淆。若不加以限制,Unity将无法调用到AAR包里的方法。

11、构建AAR包

        选中WebView模块,点击Build-->Make Module,或者直接Build-->Rebuild Project。

        待编译完成后,在WebView模块-->build-->outputs-->aar里便可找到编译好的AAR包。

android webview使用,安卓,Unity,android,webview,unity

 三、Unity调用

1、AAR包放置

        直接将AAR包拖放至Unity的Assets-->Plugins-->Android路径下。

android webview使用,安卓,Unity,android,webview,unity

 2、创建C#脚本,调用AAR包

        写入以下内容,用来调用AAR包里的函数接口。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class SetWebViewUtils : MonoBehaviour
{
    private AndroidJavaObject setWebViewUtils;
    private string activityLabel;//安卓端Activity的Label,即打开的链接在WebView中的标题
    
    // Start is called before the first frame update
    void Start()
    {
        AndroidJavaClass UnityPlayer = new AndroidJavaClass("com.unity3d.player.UnityPlayer");
        AndroidJavaObject currentActivity = UnityPlayer.GetStatic<AndroidJavaObject>("currentActivity");
        AndroidJavaClass openAppUtilsClass = new AndroidJavaClass("包名.MainActivity");
        setWebViewUtils = openAppUtilsClass.CallStatic<AndroidJavaObject>("getInstance", currentActivity);
    }

    //设置WebView的标题
    public void SetTitle(string label)
    {
        activityLabel = label;
    }

    //打开WebView
    public void SetWebView(string url)
    {
        setWebViewUtils.Call("StartWebView", url, activityLabel);
    }
}

3、调用测试

        在Unity编辑器里创建三个按钮,用来打开三个不同的链接。

android webview使用,安卓,Unity,android,webview,unity

        将SetWebViewUtils脚本挂载至场景物体上。

        三个按钮的调用方式如下,通过传入标题名称及需要打开的链接地址来打开相应的WebView。

android webview使用,安卓,Unity,android,webview,unity

android webview使用,安卓,Unity,android,webview,unity

android webview使用,安卓,Unity,android,webview,unity

 4、切换至安卓平台,打包apk,安装测试便可

四、AAR包资源下载入口

        如果有小伙伴看了以上教程还不知道如何封包,可以直接下载以下AAR包直接使用,里面有插件的包名,替换掉SetWebViewUtils脚本里的“包名”便可。

        AAR包下载入口文章来源地址https://www.toymoban.com/news/detail-698842.html

到了这里,关于安卓WebView的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android之 WebView的使用

    一 简介 1.1 WebView是用来展示网页的控件,底层是google的WebKit的引擎。 比起苹果的WebView,webkit一些不足地方: 不能支持word等文件的预览 纯标签加载,并不支持所有标签的加载 不支持文件的下载,图片的放大,都要单独处理 1.2 其它Web引擎,腾讯的webx5,其功能比WebKit要强大

    2024年02月12日
    浏览(35)
  • Android使用WebView打开外部网页链接

    发布Android应用,除了用原生开发外,更多是采用内嵌H5网页的方式来做,便于更新以及多平台使用。 一、第一种方式是直接通过WebView打开外部H5链接。 新建Android工程 直接创建一个工程,点击运行就可以了,打开是个空页面。 关于如何在AndroidStudio里安装AVD虚拟机,请看另外

    2024年04月24日
    浏览(40)
  • Android项目在 app 中通过 WebView 访问 url显示空白,使用浏览器可以打开,Android WebView加载出现空白页面问题解决

    服务器证书校验主要针对 WebView 的安全问题。 在 app 中需要通过 WebView 访问 url,因为服务器采用的自签名证书,而不是 ca 认证,使用 WebView 加载 url 的时候会显示为空白,出现无法加载网页的情况。 使用 ca 认证的证书,在 WebView 则可以直接显示出来,不需要特殊处理。 以往

    2024年02月04日
    浏览(54)
  • Android中使用WebView与JS交互全解析

    首先,需要提出一个概念,那就是hybrid,主要意思就是native原生Android和h5混合开发。为什么要这样做呢?大家可以想象一下针对于同一个活动,如果使用纯native的开发方式,Android和iOS两边都要维护同一套界面甚至是逻辑,这样开发和维护的成本会很大,而使用hybrid的开发方式

    2024年04月09日
    浏览(79)
  • Android 使用webView打开网页可以实现自动播放音频

    使用webview 自动播放音视频,场景如,流媒体自动部分,音视频通话等。会出现如下问题:   解决方案如下: 配置webview 如下,这样可以自动播放音频。

    2024年02月12日
    浏览(65)
  • 已解决:H5移动端网页实现录音功能,js实现录音功能,包括安卓webview接口也可以使用

    遇到一个需求,需要做一个手机网页录音的功能,嵌入到webview中去,用安卓原生录音倒是可以,但是想着尽量去安卓化开发,就想着用纯的js前端代码去实现录音功能。 在 Web 应用程序中,JavaScript 是运行在浏览器中的客户端脚本语言,不具有直接访问设备硬件的能力。因此

    2024年02月07日
    浏览(54)
  • 安卓监听WebView加载失败以及获取WebView异常的errorCode和errorMessage

    注意: WebViewClient 的 onReceivedError()方法要根据安卓版本做版本兼容,android 6.0及以上回调上面的方法,如果是6.0以下,回调下面的函数。

    2024年02月07日
    浏览(65)
  • react-native-webview使用postMessage后H5不能监听问题(iOS和安卓的兼容问题)

     chatgpt: https://chat.xutongbao.top/ 参考链接: https://blog.csdn.net/liuxingyuzaixian/article/details/125199131 https://chat.xutongbao.top/

    2024年02月12日
    浏览(40)
  • Android中使用Webview SSL 自签名CA证书安全校验方案

    前言:              因为我们的项目是Android + H5,之前的做法是把H5所需要的资源和html下载到本地这样证书校验不会走系统浏览器层只需要项目中预埋根证书就可以了,但是如果 用webview加载线上的域名自签名证书就会走系统级校验在onReceivedSslError中返回ssl证书不受信,

    2024年02月13日
    浏览(48)
  • Android使用WebView与Native交互的三种方式 ( 附源码 )

    javascript.html: jsToAndroid.html jsToAndroid2.html 1.JS与Native的交互 一.Android调用JS的方法 目前学习了俩种方法:1. 调用webview的loadUrl 2.调用webview的evaluateJavascript 方法说明: 1. webView.loadUrl(“javascript:callJS()”); 参数是一个字符串,说明调用了javascript中的 callJS方法 webview.evaluateJavascript(

    2024年02月11日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包