商业转载请联系作者获得授权，非商业转载请注明出处。

For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.

协议(License)：署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)

作者(Author)：

链接(URL)：https://www.35youth.cn/817.html

来源(Source)：搬砖少年

近期团队接到一个新的项目，企业内部的一个掌上超市项目，最初考虑通过公众号或者小程序来做，后面说是部署在企业内网，就考虑到做网站应用，由于需要通过运营商分配的apn连接企业内网，所以在打开应用之前需要检测一下网络，如果是web端的话，那就没法检测网络了，所以考虑使用安卓的 webview 封装一下H5的应用。

1、配置网络连接权限

在AndroidManifest.xml文件中加上以下配置信息

<uses-permission android:name="android.permission.INTERNET"/>

注： 从Android 9.0（API级别28）开始，默认情况下禁用明文支持。因此http的url均无法在webview中加载 ，所以只配置以上信息可能会导致net：：ERR_CLEARTEXT_NOT_PERMITTED报错，还需要在配置文件的 application中加入下面的配置。参照文章： net：：ERR_CLEARTEXT_NOT_PERMITTED

android:usesCleartextTraffic="true"

webview 网络配置异常

net：：ERR_CLEARTEXT_NOT_PERMITTED 配置

2、创建layout文件

使用idea的话，会自动创建MainActivity和对应的layout文件，直接在文件的基础上修改即可，使用Webview控件，如果需要使用进度条的话，可以将ProgressBar 的配置打开即可。

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

        xmlns:android="http://schemas.android.com/apk/res/android"

        xmlns:tools="http://schemas.android.com/tools"

        xmlns:app="http://schemas.android.com/apk/res-auto"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        tools:context="com.ctjsoft.jxf.shop.MainActivity">

    <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent"/>

    <!--<ProgressBar android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/progressbar"

                 style="@android:style/Widget.ProgressBar.Horizontal" android:max="100" android:progress="0"

                 android:visibility="gone"/>-->

</androidx.constraintlayout.widget.ConstraintLayout>

3、修改 MainActivity 文件

重写onCreate方法：

protected void onCreate(@Nullable Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //progressBar = (ProgressBar) findViewById(R.id.progressbar);//进度条

        webView = (WebView) findViewById(R.id.webview);

        webView.getSettings().setAllowUniversalAccessFromFileURLs(true);

        webView.getSettings().setAllowFileAccessFromFileURLs(true);

        // webview的设置中添加如下代码

        try {

            if (Build.VERSION.SDK_INT >= 16) {

                Class<?> clazz = webView.getSettings().getClass();

                Method method = clazz.getMethod("setAllowUniversalAccessFromFileURLs", boolean.class);

                if (method != null) {

                    method.invoke(webView.getSettings(), true);

                }

            }

        } catch (IllegalArgumentException e) {

            e.printStackTrace();

        } catch (NoSuchMethodException e) {

            e.printStackTrace();

        } catch (IllegalAccessException e) {

            e.printStackTrace();

        } catch (InvocationTargetException e) {

            e.printStackTrace();

        }

        //webView.loadUrl("http://172.17.1.176:8082/");//加载url

        webView.loadUrl(API);

        //使用webview显示html代码

//        webView.loadDataWithBaseURL(null,"<html><head><title> 欢迎您 </title></head>" +

//                "<body><h2>使用webview显示 html代码</h2></body></html>", "text/html" , "utf-8", null);

        webView.addJavascriptInterface(this, "android");//添加js监听 这样html就能调用客户端

        webView.setWebChromeClient(webChromeClient);

        webView.setWebViewClient(webViewClient);

        WebSettings webSettings = webView.getSettings();

        /**

         * LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据

         * LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。

         * LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.

         * LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。

         */

        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//不使用缓存，只从网络获取数据.

        webView.getSettings().setTextZoom(100);

webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//设置js可以直接打开窗口，如window.open()，默认为false

        webView.getSettings().setJavaScriptEnabled(true);//是否允许执行js，默认为false。设置true时，会提醒可能造成XSS漏洞

        webView.getSettings().setSupportZoom(true);//是否可以缩放，默认

        webView.getSettings().setBuiltInZoomControls(true);//是否显示缩放按钮，默认false

        webView.getSettings().setUseWideViewPort(true);//设置此属性，可任意比例缩放。大视图模式

        webView.getSettings().setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题

        webView.getSettings().setAppCacheEnabled(true);//是否使用缓存

        webView.getSettings().setDomStorageEnabled(true);//DOM Storage

    }

		```

配置WebviewClient


//WebViewClient主要帮助WebView处理各种通知、请求事件

private WebViewClient webViewClient = new WebViewClient() {

    @Override

    public void onPageFinished(WebView view, String url) {//页面加载完成

        //progressBar.setVisibility(View.GONE);

    }

    public void onPageStarted(WebView view, String url, Bitmap favicon) {//页面开始加载

        //progressBar.setVisibility(View.VISIBLE);

    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

    @Override

    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

        Log.i("ansen", "拦截url:" + request.getUrl());

        return super.shouldOverrideUrlLoading(view, request);

    }

};

//WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等

private WebChromeClient webChromeClient = new WebChromeClient() {

    //不支持js的alert弹窗，需要自己监听然后通过dialog弹窗

    public boolean onJsAlert(WebView webView, String url, String message, JsResult result) {

        AlertDialog.Builder localBuilder = new AlertDialog.Builder(webView.getContext());

        localBuilder.setMessage(message).setPositiveButton("确定", null);

        localBuilder.setCancelable(false);

        localBuilder.create().show();

        //注意:

        //必须要这一句代码:result.confirm()表示:

        //处理结果为确定状态同时唤醒WebCore线程

        //否则不能继续点击按钮

        result.confirm();

        return true;

    }

    //获取网页标题

    @Override

    public void onReceivedTitle(WebView view, String title) {

        super.onReceivedTitle(view, title);

        Log.i("ansen", "网页标题:" + title);

    }

    //加载进度回调

    @Override

    public void onProgressChanged(WebView view, int newProgress) {

        // progressBar.setProgress(newProgress);

    }

};

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

    Log.i("ansen", "是否有上一个页面:" + webView.canGoBack());

    if (webView.canGoBack() && keyCode == KeyEvent.KEYCODE_BACK) {//点击返回按钮的时候判断有没有上一页

        webView.goBack(); // goBack()表示返回webView的上一页面

        return true;

    }

    return super.onKeyDown(keyCode, event);

}

/**

 * JS调用android的方法

 *

 * @param str

 * @return

 */

@JavascriptInterface //仍然必不可少

public void getClient(String str) {

    Log.i("ansen", "html调用客户端:" + str);

}

@Override

protected void onDestroy() {

    super.onDestroy();

    //释放资源

    webView.destroy();

    webView = null;

}

	```

Android开发：通过 webview 将网页打包成安卓应用的更多相关文章

  1. android开发中WebView的使用(附完整程序)

    原文地址:http://www.pocketdigi.com/20110216/176.html WebView是个好东西,作用相当于一个迷你的浏览器,采用Webkit内核,因此完美支持html,ja ...

  2. 将H5页面打包成安卓原生app

    第一步:下载HBuilderX,新建项目选择5+App新建一个空项目如下图 新建后项目目录结构如下图 第二步,将你要打包成安卓app的文件打包,最后生成的文件目录如下图 1.打包完成后,将对应文件内容 ...

  3. HBuilderX打包成安卓或苹果app之后的调试问题，避免每次都要打包

    一.使用VScode安装 Live Server插件 二.使用:安装成功后---->>新建一个index.html 写入内容如下图所示 注:href地址是你在电脑上启动该项目的访问地址(此 ...

  4. Android 之 用WebView显示网页

    WebView可以使得网页轻松的内嵌到 app 里,还可以直接跟js相互调用. WebView有两个方法:setWebChromeClient 和 setWebClient (1) setWebCli ...

  5. Electron把网页打包成桌面应用并进行源码加密

    前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一 ...

  6. HTML5学习总结-10 Android 控件WebView显示网页

    WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用. webview有两个方法:setWebChromeClient 和 setWebClient 1)setWebClient: ...

  7. 搭建ionic3-angular5 开发环境并打包成安卓apk包教程

    安装node.js 搭建ionic3-angular5 开发环境,首先查看本地电脑是否安装node环境,打开终端,输入 命令: node -v 没有去安装nodejs  网址:http://nodej ...

  8. android中使用WebView请求网页

    请求网页首先需要访问网络的权限,在AndroidManifest.xml添加如下内容: <uses-permission android:name="android.permissio ...

  9. 【iOS越狱开发】如何将应用打包成.ipa文件

    在项目开发中,我们常常需要将工程文件打包成.ipa文件,提供给越狱的iphone安装. 下面是一种方法: 1.首先应该给工程安装好配置文件(这里不再敖述),在ios device的状态下,运行成功. ...

随机推荐

  1. 吴裕雄--天生自然python编程：实例(1)

    str = "www.runoob.com" print(str.upper()) # 把所有字符中的小写字母转换成大写字母 print(str.lower()) # 把所有字符中 ...

  2. 吴裕雄--天生自然KITTEN编程：移动与旋转

  3. 将项目导入myeclipse后 tortoise svn 右键项目不能更新和提交

    使用 tortoise svn客户端将svn服务器上的项目checkout之后正常,可以更新也可以提交:当将这个项目导入MyEclipse之后,不能更新和提交了只出现svn升级工作副本这一字样:网上搜 ...

  4. 解密JDK8 枚举

    写一个枚举类 1 2 3 4 5 6 public enum Season { SPRING, SUMMER, AUTUMN, WINTER } 然后我们使用javac编译上面的类,得到class文件 ...

  5. Android空包签名

    空包签名 搜狗.优亿等Android市场,上传应用需要提供一个与要上传的应用相同签名的空包.这个空包是相应官方市场提供的,下载好之后需要使用命令行进行签名.具命令如下: 1 jarsigner -ve ...

  6. Blue的博客

    整合其他ORM框架 使用Spring所提供的ORM整合方案, 可以获得许多好处: 方便基础设施的搭建 Spring中, 对不同的ORM框架, 首先, 始终可以采用相同的方式配置数据源; 其次, Spr ...

  7. Gnome Ubuntu16安装Nvidia显卡396驱动，CUDA9.2以及cudnn9.2

    深度学习环境配置,安装Nvidia显卡驱动,CUDA以及cudnn OS:ubuntu 16.04;driver: nvidia 396;CUDA: 9.2cudnn: 9.2 卸载原有Nvidia驱 ...

  8. HTML笔记06--浮动第一章

    float --浮动 一 1.啥叫浮动? [使元素向左或向右移动,其周围的元素也会重新排列]简言之,就是让盒子并排. 通过float定义浮动 ---------- 未浮动样式代码如下: ------- ...

  9. C++走向远洋——29（长方柱类）

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:长方柱类.cpp * 作者:常轩 * 微信公众号:Worldhe ...

  10. Channel Estimation for High Speed Wireless Systems using Gaussian Particle Filter and Auxiliary Particle Filter

    目录 论文来源 摘要 基本概念 1.时变信道 2.粒子滤波 3.高斯粒子滤波 4.辅助粒子滤波 比较 借鉴之处 论文来源 International Conference on Communicati ...