Android使用webview加载本地h5项目

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

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



    
    
    
    
        
            
        
    


我这里为了方便抓包调试,设置了在使用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 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项目)