29/12/2018

[Android] Custom error page for WebView

Trong rất nhiều tình huống bạn cần show trang error page ví dụ 404.html cho WebView. Trong trường hợp lỗi xảy ra. Lỗi xảy ra có thể tóm tắt hai trường hợp sau đây:
  1. Web server không thể trả về kết quả . Trường hợp này chỉ cần hiện thực các phương thức sau đây:
    
    void onReceivedError(WebView view, int errorCode, String description,String failingUrl) (API < 23) 
    void onReceivedError(WebView view, WebResourceRequest request,WebResourceError error) (API >= 23)
    
  2. Web server trả về kết quả nhưng là kết quả lỗi như 404, 502, 403, ... Trường hợp này nếu chương trình bạn chỉ dùng API >= 23 thì dùng các phương thức sau đây:

    
    void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)
    void onReceivedSslError (WebView view,SslErrorHandler handler,SslError error)
    
    Tuy nhiên nếu bạn hỗ trợ API < 23 thì sao? Trong trường hợp của mình thì cần hỗ trợ từ API >=21 nên mình để ý đến phương thức sau:
    
    public WebResourceResponse shouldInterceptRequest (WebView view,WebResourceRequest request)
    
    Sau đây là skeleton code:
    
    OkHttpClient okClient = new OkHttpClient();
    try{
    final Call call = new Call (new Request.Builder()
                            .url(request.getUrl().toString())
                            .build());
    final Response response = okClient.exec(call);
    if (response.code() != 200){
        return getErrorWebResourceResponse();
    }else{
        return new WebResourceResponse(
            response.header("Content-type","text/html").split(";")[0],
            response.header("Content-Encoding","utf-8"),
            response.body().getByteStream()    
        );
    }                        
    } catch (Exception ignore){
     return getErrorWebResourceResponse();
    }
    }