Android開発でネットワーク通信がうまくいかない。

Question

助けて欲しいです。何日もkotlinでネットワーク通信をしたいと取り組んでいるのですがうまくいきません。
参考にしているサイトは
https://qiita.com/naoi/items/5036adc8d33638911deb#buildgradleapp%E3%81%B8%E3%81%AE%E8%BF%BD%E8%A8%98

です。

やりたいことは
Android画面でボタンを押したらその時の時刻と、IDを送信する。
⬇️
ネットワーク上でphpを組んで、そこでIDと時刻をデータベースに登録する。
⬇️
そしてデータベースで登録ができたら、phpで「〇〇様登録完了」と出す。
⬇️
phpの「OO様登録完了」文字をAndroidのtextviewに表記させる。

といった流れです。いろいろ試しに試してコードがぐちゃぐちゃになったので一度スッキリさせてここにまとめておきます。

もはや組み方が分かりません。可能であれば上記の流れを達成するためのコードを下記コードに正解のコードを書き足していただけませんか？それ見て勉強していきたいです＞＜

自分のわからないところをピックアップしました。(これで足りているか不安ですが、、、)
①そもそもサイトには【GETメソッドでHTTP通信する実装方法】のところにMyService.ktと書かれているがPOSTの場合でもこれが必要なのか。
②(上記が必要な場合)MyService.ktの定義の中身を今回の実装したいものではどのように組めばいいのかわからない。
③val postの中身の組み方がわからない。(わからないのでval post内はサイトからコピペした状態のままにしている)、そしてval postを非同期の中で宣言してみたが、この場所でいいのかわからない
④⭐️部分は非同期処理内でネットワーク通信を終えた後にTV.textに呼び出したいのだが、なんて書けばいいのかわからない。

import android.os.Build
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import android.widget.TextView
import android.widget.Toast
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.Job
import kotlinx.coroutines.delay
import kotlinx.coroutines.withContext
import retrofit2.Retrofit
import java.time.LocalDateTime

class MainActivity : AppCompatActivity() {

    // Retrofit本体
    private val retrofit = Retrofit.Builder().apply {
        baseUrl("http://10.0.2.2:3000/")
    }.build()

    val get = service.getRawResponseForPosts()


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val TV : TextView = findViewById(R.id.TextView1)



        //  ボタンを押した時の処理
        val btn : Button = findViewById(R.id.button1)

        //      ボタンを連打したときに何度も処理してしまうのを防ぐため。jobを設定する
        var job: Job? = null

        btn.setOnClickListener {

           var nowTime = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
               LocalDateTime.now()
           } else {
               TODO("VERSION.SDK_INT < O")
           }
            TV.text = nowTime.toString()

            //下記にすることで連打したときに何度も処理されることを防げる。coroutinesが複数起動しなくなるということ。
            if (job?.isActive == true) return@setOnClickListener
            job = lifecycleScope.launch {

　　　　　　//result内のスコープがIOスレッドで実行される
                withContext(Dispatchers.IO) {
                    val post = service.getRawResponseForPosts().also {
                        it.enqueue(object : Callback<List<Post>> {
                            override fun onFailure(call: Call<List<Post>>, t: Throwable) {
                                Toast.makeText(this@MainActivity, "通信エラー", Toast.LENGTH_SHORT).show()
                                Log.e("TEST", "通信エラー", t)
                            }

                            override fun onResponse(call: Call<List<Post>>, response: Response<List<Post>>) {
                                myViewModel.result.value = response.body().toString()
                            }
                        })
                    }
                }

　　　　　　　//Main内のスレッドがIOスレッド内でメインスレッドも実行可能となる。
                    withContext(Dispatchers.Main) {
                        TV.text = ⭐️
                    }
                }
            }
        }
    }

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.myapplication">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <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.MyApplication">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/TextView1" />

</androidx.constraintlayout.widget.ConstraintLayout>

dependencies {

    implementation 'androidx.core:core-ktx:1.7.0'
    implementation 'androidx.appcompat:appcompat:1.4.1'
    implementation 'com.google.android.material:material:1.5.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.3'
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'

    def retrofit_version = "2.9.0"
    implementation "com.squareup.retrofit2:retrofit:$retrofit_version"
    implementation "com.squareup.retrofit2:converter-moshi:$retrofit_version"
    implementation "com.squareup.okhttp3:logging-interceptor:4.9.0"


    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.1.0"
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
}

これより下３つのファイルは冒頭のサンプルURLを参考にして作成したファイルです。どう使うのか、そして今回僕がしたいことに必要なのか僕には理解が届きませんでしたがとりあえず作成しました。

import android.telecom.Call
import okhttp3.RequestBody
import okhttp3.ResponseBody
import retrofit2.http.*
import retrofit2.Call as Call1

//URLのサブディレクトリやパスの設定
interface MyService{

    @GET("posts")
    fun getRawResponseForPosts(): Call<ResponseBody>

    @POST("posts")
    fun postRawRequestForPosts(@Body body:RequestBody):Call<ResponseBody>

    @PUT("posts/{id}")
    fun putRawRequestForPosts(@Path("id") id:String, @Body body:RequestBody):Call<ResponseBody>

    @DELETE("posts/{id}")
    fun deletePathParam(@Path("id") id:String ):Call<ResponseBody>

}

自分が送信したい情報はIDと時間なのでここは書き換えました。⬇️

data class Post(

    val id: Int = 1111,
    val time: String

)

object Util {

    fun createJson(id:Int,time:String):String
            ="{" +
            "  \"id\": \"${id}\"," +
            "  \"time\": \"${time}\"," +
            "}"
}

最後にAPI接続先のphpファイルです。これはここではざっくりとこんな感じという風に書かせていただきます。try catch　やデータベース情報などこの質問に不必要なものは外しています。

<?php


$id=$_POST['id'];
$time=$_POST['time'];


データベース接続の処理
データベース登録の処理

登録成功なら
echo'〇〇様登録完了';

以上です。
長々とした質問ですみません。数日戦っても組み方に見当がつかないのでどなたかご教授よろしくお願いします。

なお、自分の質問にミスがあればすぐに訂正致しますので気軽にコメント下さい。

Comments

[hoshi-takanori]

Logcat にエラーメッセージとか出てませんか？
https://developer.android.com/studio/debug/am-logcat?hl=ja

たぶん AndroidManifest に INTERNET パーミッションがないのでは…。
https://qiita.com/karur4n/items/5b439850caa4ae5b05d9

[jimbe]

何が分からないのでしょうか。「いろいろ試しに試してコードがぐちゃぐちゃになったので一度スッキリ」させ過ぎて何も無くなっています。「うまくいきません」では何も分かりません。
どこかでエラーになるのでしょうか。それともプログラムが終了しないとかでしょうか。

ぐちゃぐちゃになったら一旦今のコードは何処かにしまって、2～3日このプログラムのことは一切考えないで休憩してから一から考え直す・作り直すのもテかと思います。

[mokimokio]

Hoshi-takanori様
Logcatにエラーはたくさん出ていますが、そもそも組み方がわかっていないのでそれ以前の問題だと思うんです。。。（汗
AndroidManifestの内容も本文に追加しました。あっているか確認していただけますか？😭

[mokimokio]

jimbe様
本来のままのコードを追記しました。
そして、自分のわからないところをピックアップしました。(これで足りているか不安ですが、、、)
①そもそもサイトには【GETメソッドでHTTP通信する実装方法】のところにMyService.ktと書かれているがPOSTの場合でもこれが必要なのか。
②(上記が必要な場合)MyService.ktの定義の中身を今回の実装したいものではどのように組めばいいのかわからない。
③val postの中身の組み方がわからない。(わからないのでval post内はサイトからコピペした状態のままにしている)、そしてval postを非同期の中で宣言してみたが、この場所でいいのかわからない
④⭐️部分は非同期でネットワーク通信を終えた後にTV.textに呼び出したいのだが、なんて書けばいいのかわからない。
いっぱいあってすみません。

[hoshi-takanori]

AndroidManifest は大丈夫そうですね。
Logcat は確かにいっぱい出てきて最初は意味不明だと思いますが、必ず必要になるので、早めに見方を覚えることをお勧めします。
そして、確認ですが、サーバーはちゃんと動いてますか？ Android から繋ぐ前に、ブラウザから繋がることを確認すると良いでしょう。

[mokimokio]

hoshi-takanori様
分かりましたLog catもしっかり見て覚えていきます。
サーバーは動いています！iOSアプリでは接続できているのでそれは間違い無いです！

[jimbe]

http のリクエストは get でしょうか post でしょうか。
サーバからの戻りの Json はどうなっているのでしょうか。

[mokimokio]

jimbe
戻りと言いますか、
phpから帰ってくるのは文字列で
'〇〇様登録完了'のみです！
jsonで返した方がいい場合は戻しのやり方変更します！

[dodox86]

最初から完成させようとするから分からなくなります。一つ一つやれば良いのに。

[mokimokio]

jimbe様すみません！一つ回答できてませんでした！やりたいのはpostです！

[mokimokio]

dodox86様
ありがとうございます！もうちょっと細分化してやってみます！

Answer 1

以下で動作しました。

リクエスト(POST): { "id" : "1111", "time" : "12:34" }
レスポンス: { "message" : "登録完了" }

といった感じにしています。

MainActivity.kt

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import android.widget.TextView
import android.widget.Toast
import retrofit2.Call
import retrofit2.Callback
import retrofit2.Response
import retrofit2.Retrofit
import retrofit2.converter.gson.GsonConverterFactory

class MainActivity : AppCompatActivity() {

  private val retrofit = Retrofit.Builder().apply {
    baseUrl("http://10.0.2.2:8080/")
    addConverterFactory(GsonConverterFactory.create())
  }.build()
  private val service = retrofit.create(MyService::class.java)

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    val textView1 : TextView = findViewById(R.id.TextView1)
    val button1 : Button = findViewById(R.id.button1)

    button1.setOnClickListener {
      val data = Post(id = "1111", time = "12:34")
      service.post(data).enqueue(
        object : Callback<Result> {
          override fun onResponse(call: Call<Result>, response: Response<Result>) {
            Toast.makeText(this@MainActivity, "通信完了", Toast.LENGTH_SHORT).show()
            runOnUiThread {
              textView1.setText(response.body()?.message)
            }
          }
          override fun onFailure(call: Call<Result>, t: Throwable) {
            Toast.makeText(this@MainActivity, "通信エラー", Toast.LENGTH_SHORT).show()
            Log.e("TEST", "通信エラー", t)
          }
        })
    }
  }
}

MyService.kt

import retrofit2.Call
import retrofit2.http.*

interface MyService {
  @POST("posts")
  fun post(@Body post: Post): Call<Result>
}

Post.kt

data class Post(val id: String, val time: String)

Result.kt

data class Result(val message: String)

Comments

[mokimokio]

試したらできました！作成していただいたコードを一つ一つ見て勉強を精進していきます！
本当に助かりました！ありがとうございます！