[FEAT] 애드몹 배너를 삽입합니다.

.github/workflows/android_cd.yml

@@ -56,8 +56,17 @@ jobs:
               env:
                   BASE_URL: ${{ secrets.BASE_URL }}
                   AMPLITUDE_API_KEY: ${{ secrets.AMPLITUDE_API_KEY }}
+                  ADMOB_APP_ID_DEBUG: ${{ secrets.ADMOB_APP_ID_DEBUG }}
+                  ADMOB_APP_ID_RELEASE: ${{ secrets.ADMOB_APP_ID_RELEASE }}
+                  ADMOB_AD_UNIT_ID_DEBUG: ${{ secrets.ADMOB_AD_UNIT_ID_DEBUG }}
+                  ADMOB_AD_UNIT_ID_RELEASE: ${{ secrets.ADMOB_AD_UNIT_ID_RELEASE }}
               run: |
-                  echo -e "baseUrl=$BASE_URL\namplitudeApiKey=$AMPLITUDE_API_KEY" >> local.properties
+                  echo -e "baseUrl=$BASE_URL" > local.properties
+                  echo -e "amplitudeApiKey=$AMPLITUDE_API_KEY" >> local.properties
+                  echo -e "admobAppIdDebug=$ADMOB_APP_ID_DEBUG" >> local.properties
+                  echo -e "admobAppIdRelease=$ADMOB_APP_ID_RELEASE" >> local.properties
+                  echo -e "admobAdUnitIdDebug=$ADMOB_AD_UNIT_ID_DEBUG" >> local.properties
+                  echo -e "admobAdUnitIdRelease=$ADMOB_AD_UNIT_ID_RELEASE" >> local.properties
 
             # 7. Debug Local Properties Check
             -   name: Debug Local Properties

.github/workflows/android_ci.yml

@@ -57,8 +57,17 @@ jobs:
         env:
             BASE_URL: ${{ secrets.BASE_URL }}
             AMPLITUDE_API_KEY: ${{ secrets.AMPLITUDE_API_KEY }}
+            ADMOB_APP_ID_DEBUG: ${{ secrets.ADMOB_APP_ID_DEBUG }}
+            ADMOB_APP_ID_RELEASE: ${{ secrets.ADMOB_APP_ID_RELEASE }}
+            ADMOB_AD_UNIT_ID_DEBUG: ${{ secrets.ADMOB_AD_UNIT_ID_DEBUG }}
+            ADMOB_AD_UNIT_ID_RELEASE: ${{ secrets.ADMOB_AD_UNIT_ID_RELEASE }}
         run: |
-            echo -e "baseUrl=$BASE_URL\namplitudeApiKey=$AMPLITUDE_API_KEY" >> local.properties
+            echo -e "baseUrl=$BASE_URL" > local.properties
+            echo -e "amplitudeApiKey=$AMPLITUDE_API_KEY" >> local.properties
+            echo -e "admobAppIdDebug=$ADMOB_APP_ID_DEBUG" >> local.properties
+            echo -e "admobAppIdRelease=$ADMOB_APP_ID_RELEASE" >> local.properties
+            echo -e "admobAdUnitIdDebug=$ADMOB_AD_UNIT_ID_DEBUG" >> local.properties
+            echo -e "admobAdUnitIdRelease=$ADMOB_AD_UNIT_ID_RELEASE" >> local.properties
 
       # Debug Local Properties Check
       - name: Debug Local Properties

app/build.gradle.kts

@@ -1,3 +1,5 @@
+import java.util.Properties
+
 plugins {
     id("orbit.android.application")
     id("orbit.android.compose")
@@ -16,8 +18,24 @@ android {
     }
 
     buildTypes {
+        val localProperties = Properties()
+        localProperties.load(
+            project.rootProject.file("local.properties").bufferedReader(),
+        )
+        debug {
+            resValue(
+                "string",
+                "admob_app_id",
+                localProperties["admobAppIdDebug"] as String,
+            )
+        }
         release {
             signingConfig = signingConfigs.getByName("debug")
+            resValue(
+                "string",
+                "admob_app_id",
+                localProperties["admobAppIdRelease"] as String,
+            )
         }
     }
 }
@@ -41,4 +59,5 @@ dependencies {
     implementation(projects.feature.navigator)
     implementation(libs.firebase.analytics)
     implementation(libs.firebase.crashlytics)
+    implementation(libs.play.services.ads)
 }

app/src/main/AndroidManifest.xml

@@ -25,6 +25,10 @@
         android:usesCleartextTraffic="true"
         tools:targetApi="31">
 
+        <meta-data
+            android:name="com.google.android.gms.ads.APPLICATION_ID"
+            android:value="@string/admob_app_id" />
+
         <activity
             android:name="com.yapp.navigator.MainActivity"
             android:windowSoftInputMode="adjustResize"

app/src/main/java/com/yapp/orbit/OrbitApplication.kt

@@ -1,11 +1,13 @@
 package com.yapp.orbit
 
 import android.app.Application
+import com.google.android.gms.ads.MobileAds
 import dagger.hilt.android.HiltAndroidApp
 
 @HiltAndroidApp
 class OrbitApplication : Application() {
     override fun onCreate() {
         super.onCreate()
+        MobileAds.initialize(this)
     }
 }

feature/alarm-interaction/build.gradle.kts

@@ -1,11 +1,34 @@
 import com.yapp.convention.setNamespace
+import java.util.Properties
 
 plugins {
     id("orbit.android.feature")
 }
 
 android {
     setNamespace("feature.alarm.interaction")
+
+    buildTypes {
+        val localProperties = Properties()
+        localProperties.load(
+            project.rootProject.file("local.properties").bufferedReader(),
+        )
+
+        debug {
+            resValue(
+                "string",
+                "admob_ad_unit_id",
+                localProperties["admobAdUnitIdDebug"] as String,
+            )
+        }
+        release {
+            resValue(
+                "string",
+                "admob_ad_unit_id",
+                localProperties["admobAdUnitIdRelease"] as String,
+            )
+        }
+    }
 }
 
 dependencies {
@@ -22,4 +45,5 @@ dependencies {
     implementation(libs.androidx.material.android)
     implementation(libs.androidx.annotation)
     implementation(libs.gson)
+    implementation(libs.play.services.ads)
 }

feature/alarm-interaction/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest>
-
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.INTERNET" />
 </manifest>

feature/alarm-interaction/src/main/java/com/yapp/alarm/interaction/action/AlarmActionScreen.kt

@@ -7,9 +7,11 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.Icon
@@ -26,8 +28,12 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.google.android.gms.ads.AdRequest
+import com.google.android.gms.ads.AdSize
+import com.google.android.gms.ads.AdView
 import com.yapp.common.navigation.OrbitNavigator
 import com.yapp.designsystem.theme.OrbitTheme
 import com.yapp.ui.component.button.OrbitButton
@@ -121,61 +127,65 @@ private fun AlarmActionContent(
     onSnoozeClick: () -> Unit,
     onDismissClick: () -> Unit,
 ) {
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .background(
-                color = Color(0xFF496381),
-            ),
-        horizontalAlignment = Alignment.CenterHorizontally,
-    ) {
-        Spacer(
-            modifier = Modifier.heightForScreenPercentage(
-                0.17f,
-            ),
-        )
+    Box(modifier = Modifier.statusBarsPadding()) {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(
+                    color = Color(0xFF496381),
+                ),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Spacer(
+                modifier = Modifier.heightForScreenPercentage(
+                    0.17f,
+                ),
+            )
 
-        AlarmTime(
-            isAm = isAm,
-            hour = hour,
-            minute = minute,
-            todayDate = todayDate,
-        )
+            AlarmTime(
+                isAm = isAm,
+                hour = hour,
+                minute = minute,
+                todayDate = todayDate,
+            )
 
-        Spacer(modifier = Modifier.height(102.dp))
+            Spacer(modifier = Modifier.height(102.dp))
 
-        Icon(
-            painter = painterResource(id = core.designsystem.R.drawable.ic_alarm_action_character),
-            tint = Color(0xFF07203E),
-            contentDescription = "Alarm Action Character",
-        )
+            Icon(
+                painter = painterResource(id = core.designsystem.R.drawable.ic_alarm_action_character),
+                tint = Color(0xFF07203E),
+                contentDescription = "Alarm Action Character",
+            )
+
+            Spacer(modifier = Modifier.height(56.dp))
 
-        Spacer(modifier = Modifier.height(56.dp))
+            if (snoozeEnabled && snoozeCount != 0) {
+                AlarmSnoozeButton(
+                    snoozeInterval = snoozeInterval,
+                    snoozeCount = snoozeCount,
+                    onSnoozeClick = onSnoozeClick,
+                )
+            } else {
+                Spacer(modifier = Modifier.height(54.dp))
+            }
+
+            Spacer(modifier = Modifier.weight(1f))
 
-        if (snoozeEnabled && snoozeCount != 0) {
-            AlarmSnoozeButton(
-                snoozeInterval = snoozeInterval,
-                snoozeCount = snoozeCount,
-                onSnoozeClick = onSnoozeClick,
+            OrbitButton(
+                label = stringResource(id = R.string.alarm_off_btn),
+                enabled = true,
+                modifier = Modifier
+                    .padding(
+                        start = 40.dp,
+                        end = 40.dp,
+                        bottom = 48.dp,
+                    )
+                    .height(62.dp),
+                onClick = onDismissClick,
             )
-        } else {
-            Spacer(modifier = Modifier.height(54.dp))
         }
 
-        Spacer(modifier = Modifier.weight(1f))
-
-        OrbitButton(
-            label = stringResource(id = R.string.alarm_off_btn),
-            enabled = true,
-            modifier = Modifier
-                .padding(
-                    start = 40.dp,
-                    end = 40.dp,
-                    bottom = 48.dp,
-                )
-                .height(62.dp),
-            onClick = onDismissClick,
-        )
+        BannersAds()
     }
 }
 
@@ -281,6 +291,27 @@ private fun AlarmSnoozeButton(
     }
 }
 
+@Composable
+private fun BannersAds(
+    modifier: Modifier = Modifier,
+) {
+    val adUnitId = stringResource(id = R.string.admob_ad_unit_id)
+
+    AndroidView(
+        modifier = modifier.fillMaxWidth(),
+        factory = { context ->
+            AdView(context).apply {
+                setAdSize(AdSize.BANNER)
+                this.adUnitId = adUnitId
+                loadAd(AdRequest.Builder().build())
+            }
+        },
+        update = { adView ->
+            adView.loadAd(AdRequest.Builder().build())
+        },
+    )
+}
+
 @Preview
 @Composable
 internal fun AlarmActionScreenPreview() {

gradle/libs.versions.toml

@@ -58,6 +58,7 @@ gson = "2.11.0"
 
 # Google Libraries Versions
 google-service = "4.4.2"
+playServicesAd = "24.2.0"
 firebase-bom = "33.1.1"
 firebase-app-distribution = "5.1.0"
 firebase-crashlytics = "3.0.3"
@@ -179,6 +180,8 @@ androidx-material-android = { group = "androidx.compose.material", name = "mater
 
 amplitude-analytics = { group = "com.amplitude", name = "analytics-android", version.ref = "amplitude" }
 
+play-services-ads = { group = "com.google.android.gms", name = "play-services-ads", version.ref = "playServicesAd" }
+
 [plugins]
 ksp = { id = "com.google.devtools.ksp", version.ref = "ksp" }
 kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }