Retrofit2でAPIをリクエストした際にアプリが落ちてしまう

Question

前提・実現したいこと

MacOSのPCでlocalhostサーバーを立ててそこのAPIへリクエストを試みています。
エミュレーターではうまくいっていて、実機ではうまく行きません。
実機でうまくいかないのはどういうことなんでしょうか。

発生している問題・エラーメッセージ

java.net.ConnectException: Failed to connect to /172.21.*

該当のソースコード

package com.websarva.wings.android.test

import android.content.Context
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.view.MotionEvent
import android.view.View
import android.widget.Button
import android.widget.EditText
import android.widget.LinearLayout
import androidx.lifecycle.lifecycleScope
import com.squareup.moshi.Moshi
import kotlinx.coroutines.launch
import okhttp3.OkHttpClient
import retrofit2.Response
import retrofit2.Retrofit
import retrofit2.converter.moshi.MoshiConverterFactory
import retrofit2.create
import retrofit2.http.Body

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val t1 = findViewById<EditText>(R.id.t1e)
        val t2 = findViewById<EditText>(R.id.t2e)
        val t3 = findViewById<EditText>(R.id.t3e)
        val t4 = findViewById<EditText>(R.id.t4e)
        val t5 = findViewById<EditText>(R.id.t5e)
        val t6 = findViewById<EditText>(R.id.t6e)
        val t7 = findViewById<EditText>(R.id.t7e)
        val t8 = findViewById<EditText>(R.id.t8e)
        val btn = findViewById<Button>(R.id.btnSave)
        btn.setOnClickListener {
            val moshi = Moshi.Builder()
                .add(ApplicationJsonAdapterFactory)
                .build()

            val retrofit = Retrofit.Builder()
                .baseUrl("http://172.21.*:8080")
                .addConverterFactory(MoshiConverterFactory.create(moshi))
                .build()
   
            val api = retrofit.create<API>()
            val device = Device(
                t1.text.toString(),
                t2.text.toString(),
                t3.text.toString(),
                t4.text.toString(),
                t5.text.toString(),
                t6.text.toString(),
                t7.text.toString(),
                t8.text.toString()
            )
            lifecycleScope.launch {
                api.postDevice(device)
            }
        }
    }
}

dependencies {

    implementation 'androidx.core:core-ktx:1.7.0'
    implementation 'androidx.appcompat:appcompat:1.4.0'
    implementation 'com.google.android.material:material:1.4.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.2'
    implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.4.0"
    implementation 'com.squareup.retrofit2:retrofit:2.9.0'
    implementation("se.ansman.kotshi:api:2.7.0")
    kapt("se.ansman.kotshi:compiler:2.7.0")
    implementation 'com.squareup.retrofit2:converter-moshi:2.9.0'
    testImplementation 'junit:junit:4.+'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
}

試したこと

エミュレータを使って10.0.2.2で実行したところうまくいきました。
Macのファイヤーウォールはオフにしています。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[hoshi-takanori]

baseUrl("http://172.21.*:8080") ですが、接続先の IP アドレスに * なんて使えましたっけ？

[okamoto1234]

すみません。一応IPアドレスを非公開にするためにこんな感じで書いてしまいました。実際には普通のIPアドレスを入れています

[hoshi-takanori]

なるほど。172.21.* はプライベートアドレスのようですが、実機も同じネットワークに属している (Wifi) ってことですよね。Firewall やセキュリティソフトが設定されてたりしますか？ また、実機のブラウザから http://172.21.*:8080 にアクセスできますか？

[okamoto1234]

はい。同じwifiをつないでいます。firewallはオフにしてあり、セキュリティソフトは使っていません。chrome://inspect/#devicesを使ってlocalhost:8080へアクセスできました。直接ブラウザにhttp://172.21.*:8080打ち込んでもアクセスはできていません。これが原因でしょうか？

[hoshi-takanori]

サーバーの言語やフレームワークは何を使ってますか？

[okamoto1234]

node.jsとexpress使っています。

[hoshi-takanori]

app.listen で 'localhost' とか指定してませんよね…。
あとは Wifi のプライバシーセパレータ (ネットワーク分離機能) とか。
https://e-words.jp/w/%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%82%BB%E3%83%91%E3%83%AC%E3%83%BC%E3%82%BF.html

[okamoto1234]

してないんですよね、、
とりあえずngrokを使って一時的にURL作成してやることにしてみました、、
いろいろ考えていただいてありがとうございました。