React Native向けどこでもサポートSDKのプッシュ通知の設定

React Native向けどこでもサポートSDKのプッシュ通知の設定

どこでもサポートSDK（ソフトウェア開発キット）では、担当者によるチャットの返信時に利用者に対してどこでもサポートのウィジェットで通知を送信するように設定できます。

プッシュ通知の設定は、Zoho Deskのどこでもサポートのウィジェットの設定画面で行う必要があります。

どこでもサポートのウィジェット画面でプッシュ通知が設定されていることを確認してください。

Androidアプリの場合

Androidアプリでプッシュ通知を設定するには、以下の手順を実施します。 

    1    作成したモバイルアプリのウィジェットにおいて、プッシュ通知を有効にします。
    2    プッシュ通知は、Zoho Deskのどこでもサポートの設定画面で有効にできます。
    3    アプリのFCMキーを取得し、アプリに追加します。FCMキー（トークン）を取得するには、Firebaseコンソールで［Project Settings］（プロジェクトの設定）→［Cloud Messaging］（クラウドメッセージ）→［Server Key］（サーバーキー）の順に移動します。

取得したFCMキー（トークン）を、アプリのAndroidのプロジェクトに追加します。「MainApplication.java」クラスの「oncreate()」メソッドに以下のコードを追加します。

  1. RNZohodeskPortalSDK.setFirebaseId(FirebaseInstanceId.getInstance().getToken());

iOSアプリの場合

iOSの場合、APNs（Apple プッシュ通知サービス）証明書を作成し、APNs証明書の.p12ファイルとパスワードをアップロードします。

「AppDelegate」クラスで「UNUserNotificationCenterDelegate」メソッドがが使用されていることを確認し、プッシュ通知を有効にします。次に、以下のヘッダーを「AppDelegate.h」ファイル内に追加します。
  1. #import <UserNotifications/UserNotifications.h>
    #import <RNZohodeskPortalSdk/RNZohoDeskPortalSDK.h>
その後、「AppDelegate.m」ファイルにて「application:didRegisterForRemoteNotificationsWithDeviceToken」メソッドを使用して、「DeviceID」の値を取得します。以下のコードを使用して、取得した値を「RNZohodeskPortalSdk」に追加します。
  1. const unsigned *tokenBytes = [deviceToken bytes];
     NSString *hexToken = [NSString stringWithFormat:@"%08x%08x%08x%08x%08x%08x%08x%08x",
     ntohl(tokenBytes[0]), ntohl(tokenBytes[1]), ntohl(tokenBytes[2]),
     ntohl(tokenBytes[3]), ntohl(tokenBytes[4]), ntohl(tokenBytes[5]),
     ntohl(tokenBytes[6]), ntohl(tokenBytes[7])];
     [RNZohoDeskPortalSDK setDeviceIDForZDPortal:hexToken];

プッシュ通知の有効化

プッシュ通知を有効にするには、JavaScriptのコードに以下のコードを追加します。
  1. import {
     ZohoDeskPortalSDK
    } from 'react-native-zohodesk-portal-sdk';
    ZohoDeskPortalSDK.enablePush();

プッシュ通知の無効化

プッシュ通知を無効にするには、JavaScriptのコードに以下のコードを追加します。
  1. import {
     ZohoDeskPortalSDK
    } from 'react-native-zohodesk-portal-sdk';
    ZohoDeskPortalSDK.disablePush();

プッシュ通知の処理の設定

Androidアプリの場合

プッシュ通知の操作画面や移動画面を設定するには、クラス「FirebaseMessagingService」のメソッド「onMessageReceived()」に以下のコードを追加します。 
  1. RNZohodeskPortalSDK.handleNotification(getApplicationContext(), remoteMessage.getData(), icon);

iOSアプリの場合

プッシュ通知の操作画面や移動画面を設定するには、「AppDelegate.m」ファイルのメソッド「application:didReceiveRemoteNotification」に以下のコードを追加します。
  1. [RNZohoDeskPortalSDK processRemoteNotification:userInfo];