Jetpack Compose 通过 OkHttp 发送 HTTP 请求的示例

下面是一个使用 Kotlin 和 Jetpack Compose 来演示通过 OkHttp 发送 HTTP 请求的示例。这个示例包括在 Jetpack Compose 中发送一个 GET 请求和一个 POST 请求,并显示结果。

添加okhttp依赖

首先,在你的 build.gradle.kts 文件中添加必要的依赖:

kotlin 复制代码
dependencies {
    implementation("com.squareup.okhttp3:okhttp:4.10.0")
    //其他依赖
}

INTERNET 权限

你需要在 AndroidManifest.xml 文件中添加网络权限声明。请按照以下步骤操作:

  1. 打开 AndroidManifest.xml 文件。
  2. <manifest> 标签内添加 <uses-permission android:name="android.permission.INTERNET"/>

你的 AndroidManifest.xml 文件应该如下所示:

xml 复制代码
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.yourapp">

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.YourApp">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

添加这个权限声明后,再次运行你的应用程序,它应该能够正常进行网络请求。

主程序代码

kotlin 复制代码
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import kotlinx.coroutines.*
import okhttp3.*
import okhttp3.MediaType.Companion.toMediaType
import okio.IOException

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApp()
        }
    }
}

@Composable
fun MyApp() {
    var getResponse by remember { mutableStateOf("Loading...") }
    var postResponse by remember { mutableStateOf("Loading...") }

    LaunchedEffect(Unit) {
        getResponse = performGetRequest()
        postResponse = performPostRequest()
    }

    Column(modifier = Modifier.padding(16.dp)) {
        Text(text = "GET Response:", style = MaterialTheme.typography.bodyLarge)
        Spacer(modifier = Modifier.height(8.dp))
        Text(text = getResponse)
        Spacer(modifier = Modifier.height(16.dp))
        Text(text = "POST Response:", style = MaterialTheme.typography.bodyLarge)
        Spacer(modifier = Modifier.height(8.dp))
        Text(text = postResponse)
    }
}

suspend fun performGetRequest(): String = withContext(Dispatchers.IO) {
    val client = OkHttpClient()
    val request = Request.Builder()
        .url("https://jsonplaceholder.typicode.com/posts/1")
        .build()

    client.newCall(request).execute().use { response ->
        if (!response.isSuccessful) throw IOException("Unexpected code $response")
        response.body?.string() ?: "No response body"
    }
}

suspend fun performPostRequest(): String = withContext(Dispatchers.IO) {
    val client = OkHttpClient()
    val JSON = "application/json; charset=utf-8".toMediaType()
    val json = """{ "title": "foo", "body": "bar", "userId": 1 }"""
    val body = RequestBody.create(JSON, json)

    val request = Request.Builder()
        .url("https://jsonplaceholder.typicode.com/posts")
        .post(body)
        .build()

    client.newCall(request).execute().use { response ->
        if (!response.isSuccessful) throw IOException("Unexpected code $response")
        response.body?.string() ?: "No response body"
    }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MyApp()
}

参考

某AI的生成

相关推荐
哑巴语天雨6 小时前
前端面试-网络协议篇
websocket·网络协议·http·面试·https
careathers6 小时前
Vue3 + Spring WebMVC 验证码案例中的跨域问题与解决方法
okhttp
ktkiko117 小时前
Websocket——心跳检测
网络·websocket·网络协议
小梁不秃捏8 小时前
HTTP 常见状态码技术解析(应用层)
网络·网络协议·计算机网络·http
yourkin66610 小时前
HTTPS(下)
服务器·网络协议·https
卑微的小鬼11 小时前
rpc和http的区别,为啥golang使用grpc 不使用http?
http·rpc·golang
fajianchen11 小时前
什么是HTTP/2协议?NGINX如何支持HTTP/2并提升网站性能?
nginx·http
元气满满的热码式11 小时前
logstash中的input插件(http插件,graphite插件)
网络·网络协议·http·elasticsearch·云原生
豪宇刘13 小时前
从三个维度了解 RPC(Remote Procedure Call,远程过程调用)
网络·网络协议·rpc
人工干智能20 小时前
科普:你的笔记本电脑中有三个IP:127.0.0.1、无线网 IP 和局域网 IP;两个域名:localhost和host.docker.internal
网络协议·tcp/ip·电脑