{"id":30639,"date":"2024-10-28T04:01:19","date_gmt":"2024-10-28T04:01:19","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=30639"},"modified":"2024-11-26T06:47:55","modified_gmt":"2024-11-26T06:47:55","slug":"%ec%9e%90%eb%b0%94-%ec%95%88%eb%93%9c%eb%a1%9c%ec%9d%b4%eb%93%9c-%ec%95%b1%ea%b0%9c%eb%b0%9c-%ea%b0%95%ec%a2%8c-%ec%84%9c%eb%b2%84%ec%97%90%ec%84%9c-%eb%b3%b4%eb%82%b4%eb%8a%94-%ec%95%8c%eb%a6%bc","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/30639\/","title":{"rendered":"\uc790\ubc14 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uac1c\ubc1c \uac15\uc88c, \uc11c\ubc84\uc5d0\uc11c \ubcf4\ub0b4\ub294 \uc54c\ub9bc \ubc1b\uae30"},"content":{"rendered":"

\uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c \uc11c\ubc84\uc640\uc758 \ud1b5\uc2e0\uc740 \ub9e4\uc6b0 \uc911\uc694\ud55c \uc694\uc18c\uc774\uba70, \ud2b9\ud788 \uc11c\ubc84\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \uc815\ubcf4\ub97c \uc804\ub2ec\ud558\ub294 \uae30\ub2a5\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud06c\uac8c \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \uc790\ubc14\ub97c \ud65c\uc6a9\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc5d0\uc11c \uc11c\ubc84\uc5d0\uc11c \ubcf4\ub0b4\ub294 \uc54c\ub9bc\uc744 \ubc1b\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc5d0\uc11c\ub294 FCM(Firebase Cloud Messaging)\uc744 \uc774\uc6a9\ud55c \ud478\uc2dc \uc54c\ub9bc \uae30\ub2a5\uc744 \uad6c\ud604\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n

1. FCM(Firebase Cloud Messaging) \uc18c\uac1c<\/h2>\n

FCM\uc740 Google\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc11c\ube44\uc2a4\ub85c, \uc548\ub4dc\ub85c\uc774\ub4dc, iOS \ubc0f \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \ud478\uc2dc \uc54c\ub9bc\uc744 \uc804\ub2ec\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc774 \uc11c\ube44\uc2a4\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub294 \uc0ac\uc6a9\uc790\uac00 \uc571\uc744 \uc2e4\ud589 \uc911\uc774 \uc544\ub2d0 \ub54c\ub3c4 \uc815\ubcf4\ub97c \uc804\uc1a1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. FCM\uc740 \uc0ac\uc6a9\ud558\uae30 \uac04\ud3b8\ud558\uace0 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uae30 \ub54c\ubb38\uc5d0 \ub9ce\uc740 \uc571\uc5d0\uc11c \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

2. FCM \uc124\uc815\ud558\uae30<\/h2>\n

2.1. Firebase \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h3>\n

FCM\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \uba3c\uc800 Firebase \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n

    \n
  1. Firebase \ucf58\uc194(https:\/\/console.firebase.google.com\/)\uc5d0 \ub85c\uadf8\uc778\ud569\ub2c8\ub2e4.<\/li>\n
  2. \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\uace0, \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uc744 \uc785\ub825\ud569\ub2c8\ub2e4.<\/li>\n
  3. Google \uc560\ub110\ub9ac\ud2f1\uc2a4 \ub4f1\uc758 \ucd94\uac00 \uc635\uc158\uc744 \uc124\uc815\ud55c \ud6c4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

    2.2. \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \ub4f1\ub85d<\/h3>\n

    \ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uba74, \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc744 Firebase \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub4f1\ub85d\ud569\ub2c8\ub2e4.<\/p>\n

      \n
    1. Firebase \ucf58\uc194\uc758 \ud504\ub85c\uc81d\ud2b8 \uc124\uc815\uc73c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/li>\n
    2. \uc548\ub4dc\ub85c\uc774\ub4dc \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uc5ec \uc571\uc744 \ub4f1\ub85d\ud569\ub2c8\ub2e4.<\/li>\n
    3. \uc571\uc758 \ud328\ud0a4\uc9c0 \uc774\ub984\uc744 \uc785\ub825\ud558\uace0, SHA-1 \uc778\uc99d\uc11c \uc9c0\ubb38\ub3c4 \ucd94\uac00\ud569\ub2c8\ub2e4. (\ub514\ubc84\uadf8 \ubc0f \ub9b4\ub9ac\uc988 \uc778\uc99d\uc11c \ubaa8\ub450)<\/li>\n
    4. google-services.json \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \ud504\ub85c\uc81d\ud2b8\uc758 app \ud3f4\ub354\uc5d0 \ubc30\uce58\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

      2.3. Gradle \uc124\uc815<\/h3>\n

      \uae30\ubcf8\uc801\uc778 \uc758\uc874\uc131 \uc124\uc815\uc744 \uc704\ud574 build.gradle \ud30c\uc77c\uc744 \uc218\uc815\ud569\ub2c8\ub2e4.<\/p>\n

      dependencies {\n    implementation 'com.google.firebase:firebase-messaging:23.0.0'\n}<\/code><\/pre>\n
      \ud504\ub85c\uc81d\ud2b8 \uc218\uc900 build.gradle \ud30c\uc77c\uc5d0 Google \uc11c\ube44\uc2a4 \ud50c\ub7ec\uadf8\uc778\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n
      buildscript {\n    dependencies {\n        classpath 'com.google.gms:google-services:4.3.10'\n    }\n}<\/code><\/pre>\n
      2.4. AndroidManifest.xml \uc124\uc815<\/h3>\n
      Firebase\uc5d0 \ud544\uc694\ud55c \uad8c\ud55c\uc744 AndroidManifest.xml \ud30c\uc77c\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n
      <manifest xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    package=\"com.example.pushnotification\">\n    \n    <application \n        ... >\n        <meta-data\n            android:name=\"com.google.firebase.messaging.default_notification_channel_id\"\n            android:value=\"default_channel\">\n        <\/meta-data>\n\n        <service\n            android:name=\".MyFirebaseMessagingService\"\n            android:exported=\"false\">\n            <intent-filter>\n                <action android:name=\"com.google.firebase.MESSAGING_EVENT\"\/>\n            <\/intent-filter>\n        <\/service>\n    <\/application>\n<\/manifest><\/code><\/pre>\n
      3. \uc11c\ubc84 \ucf54\ub4dc \uad6c\ud604<\/h2>\n
      \uc11c\ubc84\uc5d0\uc11c FCM\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc54c\ub9bc\uc744 \uc804\uc1a1\ud558\uae30 \uc704\ud574, Firebase Admin SDK\ub97c \uc0ac\uc6a9\ud558\ub294 Node.js \uc11c\ubc84\uc758 \uc608\uc81c\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n
      3.1. Node.js \ud658\uacbd \uc124\uc815<\/h3>\n
      Node.js\ub97c \uc124\uce58\ud55c \ud6c4, Firebase Admin SDK\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n
      npm install firebase-admin<\/code><\/pre>\n
      3.2. \uc11c\ubc84 \ucf54\ub4dc \uc791\uc131<\/h3>\n
      const admin = require(\"firebase-admin\");\n\n\/\/ Firebase \uc11c\ube44\uc2a4 \uacc4\uc815 \ud0a4 JSON \ud30c\uc77c \uacbd\ub85c\nconst serviceAccount = require(\".\/path\/to\/serviceAccountKey.json\");\n\n\/\/ Firebase \ucd08\uae30\ud654\nadmin.initializeApp({\n    credential: admin.credential.cert(serviceAccount)\n});\n\n\/\/ \uc54c\ub9bc \uc804\uc1a1 \ud568\uc218\nfunction sendNotification(token, message) {\n    const payload = {\n        notification: {\n            title: message.title,\n            body: message.body,\n        },\n    };\n\n    admin\n        .messaging()\n        .sendToDevice(token, payload)\n        .then((response) => {\n            console.log(\"Successfully sent message:\", response);\n        })\n        .catch((error) => {\n            console.log(\"Error sending message:\", error);\n        });\n}\n\n\/\/ \ud074\ub77c\uc774\uc5b8\ud2b8 \ub514\ubc14\uc774\uc2a4\uc758 \ud1a0\ud070\uacfc \uba54\uc2dc\uc9c0 \ub0b4\uc6a9\nconst registrationToken = \"\ub514\ubc14\uc774\uc2a4\uc758 \ub4f1\ub85d \ud1a0\ud070\";\nconst message = {\n    title: \"\ud478\uc2dc \uc54c\ub9bc \uc81c\ubaa9\",\n    body: \"\ud478\uc2dc \uc54c\ub9bc \ubcf8\ubb38 \ub0b4\uc6a9\uc785\ub2c8\ub2e4.\",\n};\n\n\/\/ \uc54c\ub9bc \uc804\uc1a1\nsendNotification(registrationToken, message);<\/code><\/pre>\n
      4. \uc548\ub4dc\ub85c\uc774\ub4dc \ud074\ub77c\uc774\uc5b8\ud2b8 \uad6c\ud604<\/h2>\n
      4.1. FirebaseMessagingService \ud655\uc7a5<\/h3>\n
      \ud478\uc2dc \uc54c\ub9bc\uc744 \uc218\uc2e0\ud558\uae30 \uc704\ud574 FirebaseMessagingService\ub97c \ud655\uc7a5\ud558\ub294 \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n
      import com.google.firebase.messaging.FirebaseMessagingService;\nimport com.google.firebase.messaging.RemoteMessage;\nimport android.util.Log;\n\npublic class MyFirebaseMessagingService extends FirebaseMessagingService {\n    private static final String TAG = \"MyFirebaseMsgService\";\n\n    @Override\n    public void onMessageReceived(RemoteMessage remoteMessage) {\n        \/\/ \uc54c\ub9bc \uc218\uc2e0 \uc2dc \ucc98\ub9ac\n        Log.d(TAG, \"From: \" + remoteMessage.getFrom());\n\n        if (remoteMessage.getNotification() != null) {\n            Log.d(TAG, \"Message Notification Body: \" + remoteMessage.getNotification().getBody());\n            \/\/ \uc54c\ub9bc\uc744 \ud45c\uc2dc\ud558\ub294 \uba54\uc11c\ub4dc \ud638\ucd9c\n            showNotification(remoteMessage.getNotification().getTitle(), remoteMessage.getNotification().getBody());\n        }\n    }\n\n    private void showNotification(String title, String messageBody) {\n        \/\/ NotificationCompat.Builder\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc54c\ub9bc \ud45c\uc2dc\n        \/\/ Notification \uc0dd\uc131 \ubc0f \ud45c\uc2dc \ucf54\ub4dc \uad6c\ud604\n    }\n\n    @Override\n    public void onNewToken(String token) {\n        Log.d(TAG, \"Refreshed token: \" + token);\n        \/\/ \uc11c\ubc84\uc5d0 \uc0c8\ub85c\uc6b4 \ud1a0\ud070\uc744 \uc804\uc1a1\ud558\ub294 \ucf54\ub4dc \uad6c\ud604\n    }\n}<\/code><\/pre>\n
      4.2. Notification \ud45c\uc2dc<\/h3>\n
      \uc54c\ub9bc\uc744 \ud45c\uc2dc\ud558\uae30 \uc704\ud574 NotificationCompat.Builder\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc54c\ub9bc\uc744 \uc0dd\uc131\ud558\uace0 \ud45c\uc2dc\ud558\ub294 \uba54\uc11c\ub4dc\ub97c \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n
      import android.app.NotificationChannel;\nimport android.app.NotificationManager;\nimport android.os.Build;\n\nprivate void showNotification(String title, String messageBody) {\n    NotificationManager notificationManager = (NotificationManager) getSystemService(NOTIFICATION_SERVICE);\n    String channelId = \"default_channel\";\n\n    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {\n        NotificationChannel channel = new NotificationChannel(channelId, \"Channel human readable title\", NotificationManager.IMPORTANCE_DEFAULT);\n        notificationManager.createNotificationChannel(channel);\n    }\n\n    NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this, channelId)\n            .setAutoCancel(true)\n            .setContentTitle(title)\n            .setContentText(messageBody)\n            .setSmallIcon(R.drawable.ic_stat_ic_notification);\n\n    notificationManager.notify(0, notificationBuilder.build());\n}<\/code><\/pre>\n
      5. \ud14c\uc2a4\ud2b8 \ubc0f \ub514\ubc84\uae45<\/h2>\n
      \ubaa8\ub4e0 \uc124\uc815\uacfc \ucf54\ub4dc\ub97c \uc644\ub8cc\ud588\ub2e4\uba74 \uc774\uc81c \uc2e4\uc81c \ud14c\uc2a4\ud2b8\ub97c \uc9c4\ud589\ud574 \ubcfc \ucc28\ub840\uc785\ub2c8\ub2e4. \uc11c\ubc84\ub97c \uc2e4\ud589\ud558\uace0, \ub4f1\ub85d \ud1a0\ud070\uc744 \uc774\uc6a9\ud558\uc5ec \uc54c\ub9bc\uc744 \uc804\uc1a1\ud574 \ubcf4\uc138\uc694. \ud074\ub77c\uc774\uc5b8\ud2b8 \uc571\uc5d0\uc11c \uc54c\ub9bc\uc774 \uc798 \uc218\uc2e0\ub418\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\n
      5.1. \uc54c\ub9bc \uc218\uc2e0 \ud655\uc778<\/h3>\n
      \uc54c\ub9bc\uc774 \uc218\uc2e0\ub420 \uacbd\uc6b0, \uc571 \uc0c1\ub2e8\uc5d0 \ud478\uc2dc \uc54c\ub9bc\uc774 \ub098\ud0c0\ub098\uace0, \uc54c\ub9bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c \ud2b9\uc815 \uc561\ud2f0\ube44\ud2f0\uac00 \uc2e4\ud589\ub418\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\n
      5.2. \ubb38\uc81c \ud574\uacb0<\/h3>\n
      \uc54c\ub9bc\uc774 \uc218\uc2e0\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0, \ub2e4\uc74c \uc0ac\ud56d\uc744 \uc810\uac80\ud574 \ubcf4\uc138\uc694.<\/p>\n