feat: admob 구현 작업 진행 (#22)

* build: adbmob 연결 의존성 추가

* build: Replace google service class path

* build: secret gradle plugin 추가

* build: admob 적용

* build: secret gradle plugin 설정 추가

* feat: initialize MobileAds

* feat: 광고 표시 컴포넌트 추가

* feat: admob 설정 추가

* feat: admob 광고 추가

* feat: categoryScreen Admob 추가

Author: jinsu4755

.gitignore

@@ -223,7 +223,7 @@ obj/
 .idea/jarRepositories.xml
 .idea/navEditor.xml
 
-keystore
+app/keystore
 *.pepk
 
 # Legacy Eclipse project files
@@ -259,4 +259,4 @@ fabric.properties
 
 !/gradle/wrapper/gradle-wrapper.jar
 
-# End of https://www.toptal.com/developers/gitignore/api/android,androidstudio,kotlin,java,macos,windows
+# End of https://www.toptal.com/developers/gitignore/api/android,androidstudio,kotlin,java,macos,windows

app/build.gradle.kts

@@ -1,9 +1,13 @@
+import java.util.Properties
+
 plugins {
     alias(libs.plugins.com.android.application)
     alias(libs.plugins.org.jetbrains.kotlin.android)
     alias(libs.plugins.kotlin.kapt)
     alias(libs.plugins.dagger.hilt)
     alias(libs.plugins.kotlinx.serialization)
+    alias(libs.plugins.google.services)
+    alias(libs.plugins.secrets.gradle.plugin)
 }
 
 android {
@@ -23,13 +27,38 @@ android {
         }
     }
 
+    val properties = Properties()
+    properties.load(project.rootProject.file("local.properties").inputStream())
+
+    signingConfigs {
+        create("release") {
+            storeFile = file(properties["keystore_path"].toString())
+            storePassword = properties["store_password"].toString()
+            keyAlias = properties["key_alias"].toString()
+            keyPassword = properties["key_password"].toString()
+        }
+    }
+
     buildTypes {
+        debug {
+            resValue(
+                "string",
+                "AD_MOB_BANNER_UNIT_ID",
+                "ca-app-pub-3940256099942544/9214589741"
+            )
+        }
         release {
+            resValue(
+                "string",
+                "AD_MOB_BANNER_UNIT_ID",
+                properties["AD_MOB_BANNER_UNIT_ID"] as String? ?: "Default"
+            )
             isMinifyEnabled = false
             proguardFiles(
                 getDefaultProguardFile("proguard-android-optimize.txt"),
                 "proguard-rules.pro"
             )
+            signingConfig = signingConfigs.getByName("release")
         }
     }
     compileOptions {
@@ -67,6 +96,7 @@ dependencies {
     implementation(libs.hilt.android)
     implementation(libs.hilt.plugin)
     implementation(libs.compose.hilt.navigation)
+    implementation(libs.play.services.ads)
     kapt(libs.hilt.kapt)
     implementation(libs.kotlin.serialization.json)
 

app/src/main/AndroidManifest.xml

@@ -13,6 +13,10 @@
         android:supportsRtl="true"
         android:theme="@style/Theme.Packie"
         tools:targetApi="33">
+
+        <meta-data
+            android:name="com.google.android.gms.ads.APPLICATION_ID"
+            android:value="${AD_MOB_APP_ID}"/>
         <activity
             android:name=".MainActivity"
             android:exported="true"

app/src/main/java/org/care/packie/PackieApplication.kt

@@ -1,11 +1,17 @@
 package org.care.packie
 
 import android.app.Application
+import com.google.android.gms.ads.MobileAds
 import dagger.hilt.android.HiltAndroidApp
 
 @HiltAndroidApp
 class PackieApplication : Application() {
     override fun onCreate() {
         super.onCreate()
+        initializeMobileAds()
+    }
+
+    private fun initializeMobileAds() {
+        MobileAds.initialize(this)
     }
 }

app/src/main/java/org/care/packie/feature/category/CategoryScreen.kt

@@ -32,6 +32,7 @@ import me.onebone.toolbar.rememberCollapsingToolbarScaffoldState
 import org.care.packie.R
 import org.care.packie.ui.DoneDialogType
 import org.care.packie.ui.TextFieldDialogType
+import org.care.packie.ui.component.ads.BannersAds
 import org.care.packie.ui.component.category.Category
 import org.care.packie.ui.component.category.SettingPopupMenu
 import org.care.packie.ui.component.common.PackieButton
@@ -42,7 +43,7 @@ import org.care.packie.ui.theme.PackieTheme
 
 // private const val MIN_CATEGORY_SIZE = 4
 private const val MIN_SPACER_SIZE = 4
-private const val MAX_SPACER_SIZE = 80
+private const val MAX_SPACER_SIZE = 70
 
 @Composable
 fun CategoryScreen(
@@ -150,7 +151,11 @@ fun CategoryScreen(
         ) {
             Text(text = stringResource(id = R.string.packing_category_button))
         }
-        Spacer(modifier = Modifier.size(44.dp))
+        Spacer(modifier = Modifier.size(4.dp))
+        BannersAds(
+            modifier = Modifier.fillMaxWidth()
+            .height(50.dp)
+        )
     }
 
     AnimatedVisibility(

app/src/main/java/org/care/packie/feature/stuffs/StuffsStickyBottom.kt

@@ -3,13 +3,16 @@ package org.care.packie.feature.stuffs
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import org.care.packie.R
+import org.care.packie.ui.component.ads.BannersAds
 import org.care.packie.ui.component.common.PackieButton
 
 @Composable
@@ -37,5 +40,15 @@ fun StuffsStickyBottom(
             }
         )
     }
-    Spacer(modifier = Modifier.size(44.dp))
+    Spacer(modifier = Modifier.size(4.dp))
+    BannersAds(
+        modifier = Modifier.fillMaxWidth()
+            .height(50.dp)
+    )
+}
+
+@Preview
+@Composable
+fun StuffsStickyBottomPreview() {
+    StuffsStickyBottom(isEditMode = false)
 }

app/src/main/java/org/care/packie/ui/component/ads/BannersAds.kt

@@ -0,0 +1,72 @@
+package org.care.packie.ui.component.ads
+
+import android.util.Log
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalInspectionMode
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import com.google.android.gms.ads.AdListener
+import com.google.android.gms.ads.AdRequest
+import com.google.android.gms.ads.AdSize
+import com.google.android.gms.ads.AdView
+import org.care.packie.R
+import org.care.packie.ui.theme.PackieTheme
+
+@Composable
+private fun rememberAdRequest() = remember {
+    AdRequest.Builder()
+        .build()
+}
+@Composable
+fun BannersAds(
+    modifier: Modifier = Modifier,
+    adRequest: AdRequest = rememberAdRequest()
+) {
+    val adId = stringResource(id = R.string.AD_MOB_BANNER_UNIT_ID)
+    if (LocalInspectionMode.current) {
+        Text(
+            modifier = modifier
+                .height(50.dp)
+                .background(Color.Red),
+            textAlign = TextAlign.Center,
+            color = Color.White,
+            text = "Advert Here",
+        )
+    } else {
+        AndroidView(
+            modifier = modifier,
+            factory = { context ->
+                AdView(context).apply {
+                    setAdSize(AdSize.BANNER)
+                    adUnitId = adId
+                    loadAd(adRequest)
+                }
+            },
+            update = {
+                it.loadAd(adRequest)
+            }
+        )
+    }
+}
+
+@Preview
+@Composable
+fun BannersAdsPreview() {
+    PackieTheme {
+        BannersAds(
+            modifier = Modifier.fillMaxWidth()
+        )
+    }
+}

build.gradle.kts

@@ -5,5 +5,7 @@ plugins {
     alias(libs.plugins.kotlin.kapt) apply false
     alias(libs.plugins.dagger.hilt) apply false
     alias(libs.plugins.kotlinx.serialization) apply false
+    alias(libs.plugins.google.services) apply false
+    alias(libs.plugins.secrets.gradle.plugin) apply false
 }
 true // Needed to make the Suppress annotation work for the plugins block

gradle/libs.versions.toml

@@ -1,5 +1,6 @@
 [versions]
 agp = "8.1.2"
+google-services = "4.4.1"
 kotlin = "1.8.10"
 core-ktx = "1.12.0"
 junit = "4.13.2"
@@ -14,9 +15,12 @@ security = "1.1.0-alpha06"
 dagger-hilt = "2.48.1"
 dagger-hilt-navigation-compose = "1.0.0"
 kotlin-serialization-json = "1.6.1"
+play-services-ads = "23.0.0"
+secrets-gradle-plugin = "2.0.1"
 
 [libraries]
 core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "core-ktx" }
+google-services = { module = "com.google.gms:google-services", version.ref = "google-services" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
 androidx-test-ext-junit = { group = "androidx.test.ext", name = "junit", version.ref = "androidx-test-ext-junit" }
 espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espresso-core" }
@@ -38,13 +42,15 @@ hilt-kapt = { module = "com.google.dagger:hilt-compiler", version.ref = "dagger-
 hilt-plugin = { group = "com.google.dagger", name = "hilt-android-gradle-plugin", version.ref = "dagger-hilt" }
 compose-hilt-navigation = { module = "androidx.hilt:hilt-navigation-compose", version.ref = "dagger-hilt-navigation-compose" }
 kotlin-serialization-json = { module = "org.jetbrains.kotlinx:kotlinx-serialization-json", version.ref = "kotlin-serialization-json"}
+play-services-ads = { group = "com.google.android.gms", name = "play-services-ads", version.ref = "play-services-ads" }
 
 [plugins]
 com-android-application = { id = "com.android.application", version.ref = "agp" }
 org-jetbrains-kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlin-kapt = { id = "org.jetbrains.kotlin.kapt", version.ref = "kotlin" }
 dagger-hilt = { id = "com.google.dagger.hilt.android", version.ref = "dagger-hilt" }
 kotlinx-serialization = { id = "org.jetbrains.kotlin.plugin.serialization", version.ref = "kotlin"}
-
+secrets-gradle-plugin = { id = "com.google.android.libraries.mapsplatform.secrets-gradle-plugin", version.ref ="secrets-gradle-plugin"}
+google-services = { id = "com.google.gms.google-services", version.ref ="google-services"}
 [bundles]