Android webview拦截H5的接口请求并返回处理好的数据代码示例

// Kotlin 代码示例
webView.webViewClient = object : WebViewClient() {
    // 对于 API 21 及更高版本
    override fun shouldInterceptRequest(
        view: WebView, 
        request: WebResourceRequest
    ): WebResourceResponse? {
        val url = request.url.toString()
        // 这里你可以判断 URL，并根据需要拦截或修改请求
        if (url.contains("your_target_url")) {
            // 可以在这里做一些处理，例如替换请求或返回本地数据
            val inputStream = ... // 自定义输入流
            return WebResourceResponse("text/html", "UTF-8", inputStream)
        }
        // 不拦截，继续请求
        return super.shouldInterceptRequest(view, request)
    }
    
    // 对于 API 11 到 API 20 的设备
    override fun shouldInterceptRequest(
        view: WebView, 
        url: String
    ): WebResourceResponse? {
        // 这里处理逻辑类似于上面的代码
        if (url.contains("your_target_url")) {
            // 自定义处理逻辑
            val inputStream = ... 
            return WebResourceResponse("text/html", "UTF-8", inputStream)
        }
        return super.shouldInterceptRequest(view, url)
    }
}

webView.webViewClient = object : WebViewClient() {
    override fun shouldInterceptRequest(
        view: WebView, 
        request: WebResourceRequest
    ): WebResourceResponse? {
        val url = request.url.toString()

        // 判断是否是需要拦截的接口请求
        if (url.contains("your_api_endpoint")) {
            // 通过 OkHttp 或 HttpURLConnection 发起请求
            val response = fetchApiData(url)

            // 将获取的响应内容传递给 H5
            view.post {
                view.evaluateJavascript("javascript:handleApiResponse('${response}')", null)
            }

            // 返回一个空响应或自定义内容
            return WebResourceResponse("application/json", "UTF-8", null)
        }

        return super.shouldInterceptRequest(view, request)
    }

    // 使用 OkHttp 发起网络请求（可以根据你的需求选择合适的网络库）
    private fun fetchApiData(url: String): String {
        // 简单 OkHttp 请求示例
        val client = OkHttpClient()
        val request = Request.Builder().url(url).build()

        client.newCall(request).execute().use { response ->
            return response.body?.string() ?: ""
        }
    }
}

function handleApiResponse(response) {
    console.log("API Response: ", response);
    // 这里可以对响应进行处理，渲染到页面等
}

webView.addJavascriptInterface(object {
    @JavascriptInterface
    fun sendDataToH5(data: String) {
        // 发送数据到 H5
        webView.evaluateJavascript("javascript:handleApiResponse('$data')", null)
    }
}, "AndroidInterface")

webView.webViewClient = object : WebViewClient() {
    override fun shouldInterceptRequest(
        view: WebView, 
        request: WebResourceRequest
    ): WebResourceResponse? {
        val url = request.url.toString()
        
        if (url.contains("your_api_endpoint")) {
            val response = fetchApiData(url)
            
            // 通过 JavaScript 接口传递数据到 H5
            view.post {
                view.evaluateJavascript("javascript:AndroidInterface.sendDataToH5('${response}')", null)
            }
            
            return WebResourceResponse("application/json", "UTF-8", null)
        }
        return super.shouldInterceptRequest(view, request)
    }
}

override fun shouldInterceptRequest(
    view: WebView, 
    request: WebResourceRequest
): WebResourceResponse? {
    val url = request.url.toString()
    val method = request.method  // 获取请求方法，如 GET 或 POST

    // 根据请求类型处理
    if (method == "POST") {
        // 获取 POST 请求的 body（在 Android 的 WebView 中，直接获取 POST body 是不支持的，除非使用特定工具）
        // 自定义逻辑处理 POST 请求
    } else if (method == "GET") {
        // 处理 GET 请求
    }

    return super.shouldInterceptRequest(view, request)
}

override fun shouldInterceptRequest(
    view: WebView, 
    request: WebResourceRequest
): WebResourceResponse? {
    val url = request.url.toString()
    val method = request.method  // 获取请求方法，如 GET 或 POST

    if (method == "POST") {
        // 自定义发起 HTTP 请求，处理 POST 请求体和响应
        val response = performCustomHttpPost(url, request)
        return WebResourceResponse("application/json", "UTF-8", response)
    }

    return super.shouldInterceptRequest(view, request)
}

fun performCustomHttpPost(url: String, request: WebResourceRequest): InputStream {
    // 使用 OkHttp 或 HttpURLConnection 发送自定义 POST 请求
    val client = OkHttpClient()
    val requestBody = ... // 构建请求体

    val request = Request.Builder()
        .url(url)
        .post(requestBody)
        .build()

    val response = client.newCall(request).execute()
    return response.body?.byteStream() ?: ByteArrayInputStream(ByteArray(0))
}

override fun shouldInterceptRequest(
    view: WebView, 
    request: WebResourceRequest
): WebResourceResponse? {
    val url = request.url.toString()
    val headers = request.requestHeaders
    val acceptHeader = headers["Accept"]  // 获取 Accept 头

    // 判断是否为脚本请求 (script)
    if (url.endsWith(".js") || acceptHeader?.contains("application/javascript") == true) {
        Log.d("WebView", "拦截到脚本请求: $url")
        // 在此可以拦截或修改脚本请求
    }

    // 判断是否为 XHR 请求 (通过 URL 或 Accept 头判断)
    if (url.contains("/api/") || acceptHeader?.contains("application/json") == true) {
        Log.d("WebView", "拦截到 XHR 请求: $url")
        // 在此可以拦截或修改 XHR 请求
    }

    // 判断是否为 CSS 请求
    if (url.endsWith(".css") || acceptHeader?.contains("text/css") == true) {
        Log.d("WebView", "拦截到 CSS 请求: $url")
        // 在此可以拦截或修改 CSS 请求
    }

    // 其他资源类型的请求
    Log.d("WebView", "其他类型的请求: $url")
    
    return super.shouldInterceptRequest(view, request)
}

if (url.endsWith(".js") || acceptHeader?.contains("application/javascript") == true || acceptHeader?.contains("text/javascript") == true) {
    Log.d("WebView", "拦截到 JavaScript 请求: $url")
}

if (url.contains("/api/") || acceptHeader?.contains("application/json") == true || headers["X-Requested-With"] == "XMLHttpRequest") {
    Log.d("WebView", "拦截到 XHR 请求: $url")
}

if (url.endsWith(".woff") || url.endsWith(".woff2") || url.endsWith(".ttf") || url.endsWith(".otf") || acceptHeader?.contains("font/") == true) {
    Log.d("WebView", "拦截到字体文件请求: $url")
}

if (url.endsWith(".png") || url.endsWith(".jpg") || url.endsWith(".jpeg") || url.endsWith(".gif") || acceptHeader?.contains("image/") == true) {
    Log.d("WebView", "拦截到图片请求: $url")
}

if (request.method == "OPTIONS" && headers.containsKey("Access-Control-Request-Method")) {
    Log.d("WebView", "拦截到 Preflight 请求: $url")
}

override fun shouldInterceptRequest(
    view: WebView, 
    request: WebResourceRequest
): WebResourceResponse? {
    val url = request.url.toString()
    
    if (url.contains("your_api_endpoint")) {
        // 发起网络请求获取数据
        val response = fetchApiData(url)
        
        // 处理返回的响应流
        val byteStream = response.body?.byteStream() ?: ByteArrayInputStream(ByteArray(0))
        val contentType = response.header("Content-Type", "application/json") // 设置默认内容类型
        val contentLength = response.header("Content-Length", "-1").toLong() // 设置内容长度
        
        // 构建 WebResourceResponse 并返回给 WebView
        return WebResourceResponse(
            contentType, // 内容类型
            "utf-8",     // 编码格式
            200,         // HTTP 状态码
            "OK",        // 状态描述
            mapOf(        // 响应头
                "Access-Control-Allow-Origin" to "*",
                "Content-Length" to contentLength.toString()
            ),
            byteStream   // 响应内容的输入流
        )
    }

    return super.shouldInterceptRequest(view, request)
}

// 使用 OkHttp 发起网络请求
private fun fetchApiData(url: String): Response {
    val client = OkHttpClient()
    val request = Request.Builder().url(url).build()

    return client.newCall(request).execute() // 直接返回 Response 对象
}

override fun shouldInterceptRequest(
    view: WebView,
    request: WebResourceRequest
): WebResourceResponse? {
    val url = request.url.toString()
    val method = request.method

    if (method == "POST") {
        Log.d("WebView", "拦截到 POST 请求: $url")

        // 自定义处理 POST 请求，构建请求体并发送
        val responseStream = performCustomHttpPost(url, request)

        // 返回自定义的 WebResourceResponse
        return WebResourceResponse(
            "application/json", // 假设返回的是 JSON 响应
            "UTF-8",
            200, // HTTP 状态码
            "OK", // HTTP 状态描述
            mapOf("Access-Control-Allow-Origin" to "*"), // 响应头
            responseStream // 响应数据的输入流
        )
    }

    return super.shouldInterceptRequest(view, request)
}

// 自定义处理 POST 请求的逻辑
fun performCustomHttpPost(url: String, request: WebResourceRequest): InputStream {
    // 构建 POST 请求体（假设 H5 端发送的 POST 数据是 JSON 格式）
    val postData = getPostData(request) // 假设这里可以提取请求体数据

    // 日志记录请求体数据
    Log.d("WebView", "POST 请求数据: $postData")

    // 使用 OkHttp 发送自定义的 POST 请求
    val client = OkHttpClient()
    val requestBody = RequestBody.create(
        MediaType.parse("application/json; charset=utf-8"), // 假设请求体是 JSON 数据
        postData ?: "" // POST 请求的数据
    )

    val customRequest = Request.Builder()
        .url(url)
        .post(requestBody)
        .build()

    // 发起请求并返回响应流
    val response = client.newCall(customRequest).execute()

    Log.d("WebView", "HTTP 响应码: ${response.code()}") // 日志记录响应状态码

    return response.body?.byteStream() ?: ByteArrayInputStream(ByteArray(0))
}

// 获取 POST 数据（需要通过前端传递或其他方式获取）
fun getPostData(request: WebResourceRequest): String? {
    // WebView 无法直接获取 POST body 数据，需要前端配合通过 evaluateJavascript 或其他方式传递
    // 假设我们从 requestHeaders 中获取部分数据（实际可以根据你的需求进行修改）
    val contentType = request.requestHeaders["Content-Type"]
    Log.d("WebView", "Content-Type: $contentType")

    // 这里返回模拟的 POST 数据，实际情况下需要处理真实的请求体
    return "{ \"key\": \"value\" }"
}

关键点：
获取请求体数据：Android WebView 本身不提供获取 POST 请求体的直接方式，需要通过前端协作（如 evaluateJavascript）来传递请求体，或者自行处理模拟请求体。

手动构建 POST 请求体：使用 OkHttp 的 RequestBody.create() 方法手动构建 POST 请求体。

记录日志：

通过 Log.d() 记录拦截的 URL 和请求体数据，便于调试。
记录 HTTP 响应状态码，查看请求是否成功。
处理异常情况：如果响应体为空，返回一个空的 ByteArrayInputStream()，以确保 WebView 不会崩溃。

关于获取真实的 POST 请求体
Android 的 WebView 没有内置机制直接获取 POST 请求体，因此需要通过 JavaScript 与 Android 通信，在 H5 端主动将 POST 数据发送给 WebView。例如：

// 在 H5 端获取 POST 请求体并传递给 Android
function sendPostDataToAndroid(data) {
    if (window.AndroidInterface) {
        window.AndroidInterface.sendPostData(JSON.stringify(data));
    }
}

@JavascriptInterface
fun sendPostData(data: String) {
    // 处理从 H5 传递过来的 POST 数据
    Log.d("WebView", "收到的 POST 数据: $data")
}

            // 判断是否为 XHR 请求 (通过 URL 或 Accept 头判断)
            if ((url.contains("/api/") || acceptHeader?.contains("application/json") == true ||
                        headers["X-Requested-With"] == "XMLHttpRequest") && !url.endsWith("html")) {
                LogUtils.i( "拦截到 XHR 请求: $url")
                // 在此可以拦截或修改 XHR 请求
                var respone: Response? = null
                if(method == "POST"){
                    val params = url.split("@")
                    val test = params[0]                    // 获取 POST 请求的 body 数据
                    val postData = URLDecoder.decode(params[1], StandardCharsets.UTF_8.toString())
                    LogUtils.i("postData = $postData")
                    respone = fetchApiData2(test,method,postData)
                }else if(method == "GET"){
                    respone = fetchApiData(url,method,null)
                }
                val byteStream = respone?.body()?.byteStream() ?: ByteArrayInputStream(ByteArray(0))
                val contentType = respone?.header("Content-Type", "application/json") // 设置默认内容类型
                val contentLength = respone?.header("Content-Length", "-1")?.toLong() // 设置内容长度

                LogUtils.i("fetchApiData respone = ${respone.toString()}")
                return WebResourceResponse(
                    contentType, // 内容类型
                    "utf-8",     // 编码格式
                    200,         // HTTP 状态码
                    "OK",        // 状态描述
                    mapOf(        // 响应头
                        "Access-Control-Allow-Origin" to "*",
                        "Content-Length" to contentLength.toString()
                    ),
                    byteStream   // 响应内容的输入流
                )

//                return WebResourceResponse("application/json", "utf-8",respone)
            }

    private fun fetchApiData2(url: String, method: String, postData: String?): Response{
        LogUtils.i("fetchApiData2 = $url + $method + $postData")
        val client = UnsafeOkHttpClient.unsafeOkHttpClient.build()
        val requestBody = RequestBody.create(
            MediaType.parse("application/json; charset=utf-8"), // 假设请求体是 JSON 数据
            postData ?: "" // POST 请求的数据
        )
        val requestBuilder = Request.Builder()
            .url(url)
            .post(requestBody)
            .build()

        return client.newCall(requestBuilder).execute()
    }

    // 根据请求类型进行处理
    private fun fetchApiData(url: String, method: String, postData: Map<String, String>?): Response  {
        LogUtils.i("fetchApiData = $url + $method + $postData")
        val client = UnsafeOkHttpClient.unsafeOkHttpClient.build()
        val requestBuilder = Request.Builder().url(url)

        // 根据请求类型构建请求
        if (method == "POST" && postData != null) {
            val formBody = FormBody.Builder()
            postData.forEach { (key, value) -> formBody.add(key, value) }

            requestBuilder.post(formBody.build())
        }

        val request = requestBuilder.build()

        return client.newCall(request).execute() // 直接返回 Response 对象
}