美文网首页
Android使用webview加载本地h5项目

Android使用webview加载本地h5项目

作者: 武器商人 | 来源:发表于2020-10-26 11:58 被阅读0次

    1.加载本地项目遇到网络权限问题

    Android9.0以后强制要求网络请求使用https,但是加载的本地h5项目使用的是http以及file还有自定义的协议,所以在用web加载的使用会出现网络请求权限限制,
    这个使用需要跟原生项目一样处理http的请求在资源res下新建xml目录,然后创建network_security_config.xml文件

    <?xml version="1.0" encoding="utf-8"?>
    <network-security-config>
        <!-- 9。0以上可以使用http请求的设置 -->
        <base-config cleartextTrafficPermitted="true" />
        <!--debug 模式下信任用户证书 -->
        <debug-overrides>
            <trust-anchors>
                <certificates src="user" />
            </trust-anchors>
        </debug-overrides>
    
    </network-security-config>
    

    我这里为了方便抓包调试,设置了在使用debug模式的情况下信任用户证书,这样就能使用花瓶安装到用户目录下的证书进行https的抓包了。
    然后在application节点上配置 android:networkSecurityConfig="@xml/network_security_config"。

    2.加载本地H5项目的路径变换

    加载本地目录的链接地址起始为http://localhost,但我们项目中是将H5项目放在asset目录下,这个地址是无法读取到正确的网页地址的,所以这个要做一个转换。

    //就是一个字符串的替换
    url.replace("http://localhost", "file:///android_asset")
    

    使用这个替换的位置是需要重写webview的shouldInterceptRequest,在url请求之前通过这个方法去修改实际的请求链接地址,创建一个新的request对象去替换原本的请求的对象,在getUrl方法中进行请求链接的修改

    @Override
            public WebResourceResponse shouldInterceptRequest(WebView webView, final WebResourceRequest request) {
                final String url = request.getUrl().toString();
                //对比url的开头是否是本地的文件加载,如果是本地文件加载的话替换
                if (url.startsWith("http://localhost")) {
                    return super.shouldInterceptRequest(webView, new WebResourceRequest() {
                        @Override
                        public Uri getUrl() {
                            return Uri.parse(UrlUtils.INSTANCE.changeLocalUrl(url));
                        }
    
                        @Override
                        public boolean isForMainFrame() {
                            return request.isForMainFrame();
                        }
    
                        @Override
                        public boolean isRedirect() {
                            return request.isRedirect();
                        }
    
                        @Override
                        public boolean hasGesture() {
                            return request.hasGesture();
                        }
    
                        @Override
                        public String getMethod() {
                            return request.getMethod();
                        }
    
                        @Override
                        public Map<String, String> getRequestHeaders() {
                            return request.getRequestHeaders();
                        }
                    });
                } else {
                    return super.shouldInterceptRequest(webView, request);
                }
    loc
            }
        };
    

    3.处理webview出现net::ERR_UNKNOWN_URL_SCHEME

    因为在webview中只能识别https,http这样的协议,但是像一些自定义的协议(比如支付包的alipays://)这些自定义的协议webview是无法处理的,处理方式在webview中设置的WebViewClient中重写shouldOverrideUrlLoading方法。它的返回值为boolean,true的时候webview自己去加载当前的链接,false时调用外部浏览器

     /**
             * prevent system browser from launching when web page loads
             */
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url == null) {
                    return false;
                }
                try {
                    if (url.startsWith("mailto:") || url.startsWith("geo:") || url.startsWith("tel:") || url.startsWith("open:")) {
                        Intent intent = new Intent("android.intent.action.VIEW", Uri.parse(url.replaceFirst("open:", "")));
                        RxActivityTool.currentActivity().startActivity(intent);
                        return true;
                    }
                } catch (Exception e) {
                    //防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
                    return false;
                }
                return super.shouldOverrideUrlLoading(view, url);
            }
    

    根据我们的业务处理了邮件,打电话等一些协议,让外部应用去处理。

    相关文章

      网友评论

          本文标题:Android使用webview加载本地h5项目

          本文链接:https://www.haomeiwen.com/subject/qgfamktx.html