• カスタマーサポートチームへの問い合わせ（問い合わせの送信、サポート担当者とのチャット）
  
• ナレッジベース（ヘルプ記事へのアクセス）
  
• ユーザーコミュニティ（アプリを通じた他の顧客とやりとり）
  

1. Zoho Deskで、 ［設定］ > ［チャネル］ > ［どこでもサポート］ の順に移動します。
   
2. 左側の 設定 メニューの どこでもサポート にて、 モバイル の隣にある ［+］ ボタンをクリックします。 モバイルアドオンの作成画面 が表示されます。 
   
   
   


3. ［アドオンの詳細］ で、以下の内容を設定します：
   
1. 名前： どこでもサポートのアドオンの名前です。この名前は参照用です。アプリの操作画面上には表示されません。
   
2. 有効： どこでもサポートのアドオンを有効にする部門を選択します。
   
3. バンドルID:   iOS または Android の項目に、各アプリのバンドルIDを入力します。 
   
メモ： チャット機能を有効にしたり、プッシュ通知を送信したりするには、バンドルIDが必須です。

4. チャット： 切り替えボタンを操作することで、チャット機能を有効または無効にできます。
   
   メモ： チャットの項目には、ポータルのチャットチャネルにて設定された内容が反映されます。そのため、設定を変更するには、Zoho Deskの設定画面で行う必要があります。
   
5. プッシュ通知： 切り替えボタンを操作することで、プッシュ通知を有効または無効にできます。（詳細については、このドキュメントの 手順7 をご参照ください。）  
   
   メモ： 通知を有効にするには、JWT方式でのユーザー認証が必須となります。匿名ユーザーに対して、問い合わせに関するプッシュ通知を送信することはできません。
   
6. 認証方法： このアドオンにおけるユーザーの認証方法を設定します。
   
1. 匿名 - この方法では、エンドユーザーはゲストユーザーとみなされます。ゲストユーザーが行える操作は、問い合わせの送信、ユーザーコミュニティでの投稿内容の表示、サポート担当者とのチャット、に限定されます。自分が送信した問い合わせを表示したり、ユーザーコミュニティに参加したりすることはできません。
   
2. JWT - この方法では、エンドユーザーは認証済みユーザーとみなされます。ゲストユーザーが行える操作に加えて、認証済みユーザーは、自分が送信した問い合わせのステータスを表示したり、問い合わせに返信やコメントしたり、ユーザーコミュニティに参加したりすることもできます。コミュニティでは、トピックのフォロー、トピックの追加、既存の投稿へのコメントの追加など、さまざまな操作を行うことができます。
   
4. ［保存］ をクリックします。
   

手順2：プラグインをインストールします。

      
         
            npm install react-native-zohodesk-portal-sdk --save react-native link react-native-zohodesk-portal-sdk
         
      
      

   

手順3：アプリにSDKを追加します。

         
            
               allprojects{ repositories{ maven { url '
               
                  https://maven.zohodl.com/
               
               '} } }
            
         
         

      

         
            pod init
         
         

      

         
            
               target 'YourProjectName' do pod 'RNZohodeskPortalSdk',:path => '../node_modules/react-native-zohodesk-portal-sdk/ios/RNZohodeskPortalSdk.podspec' end
            
         
         
            
            
         
         

      

手順4：SDKの初期設定を行います。

         
            
               import { ZohoDeskPortalSDK }from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.initialise("orgId", "appId", "dc");
            
         
         

      

手順5：操作画面を設定し、要件に合わせてヘルプタブを追加、または除外します。 

         
            
               import { ZDPortalHome } from 'react-native-zohodesk-portal-sdk'; ZDPortalHome.show();
            
         
         

      

         
            
               import { ZDPortalKB } from 'react-native-zohodesk-portal-sdk'; ZDPortalKB.show();
            
         
         

      

         
            
               import { ZDPortalCommunity } from 'react-native-zohodesk-portal-sdk'; ZDPortalCommunity.show();
            
         
         

      

         
            
               import { ZDPortalTickets } from 'react-native-zohodesk-portal-sdk'; ZDPortalTickets.show();
            
         
         

      

         
            
               import { ZDPortalSubmitTicket } from 'react-native-zohodesk-portal-sdk'; ZDPortalSubmitTicket.show();
            
         
         

      

         
            
               import { ZDPortalChat } from 'react-native-zohodesk-portal-sdk'; ZDPortalChat.show();
            
         
         

      

手順6：アドオンでのユーザー認証を設定します。

         
            
               ZohoDeskPortalSDK.isUserSignedIn((isSignedIn) => { if(!isSignedIn) { ZohoDeskPortalSDK.setUserToken(curEmailId, (msg) => { alert('Success Alert '+msg); } , msg => { alert('Failure Alert '+msg); }); } else { alert("User is already signed in"); } })
            
         
         

      

            
               
                  import { ZohoDeskPortalSDK } from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.logout((msg)=>{ alert("Success "+msg); }, (msg) =>{ alert("Failure "+msg); });
               
            
            

         

手順7：プッシュ通知を設定します。 

1. 手順1 で作成したモバイルアドオンのプッシュ通知を有効にします。この設定は、Zoho Deskのどこでもサポート設定画面にて行います。
   
2. アプリのFCMキーを取得し、アドオンに追加します。このFCMキー（トークン）を取得するには、Firebaseコンソールで次の順に移動します： ［プロジェクトの設定］ > ［クラウドメッセージング］ > ［サーバーキー］  
   

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

      

         
            
               #import <UserNotifications/UserNotifications.h> #import <RNZohodeskPortalSdk/RNZohoDeskPortalSDK.h>
            
         
         

      

            
               
                  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];
               
            
            

         

            
               
                  import {  ZohoDeskPortalSDK } from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.enablePush();
               
            
            

         

         
            
               import {  ZohoDeskPortalSDK } from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.disablePush();
            
         
         

      

            
               
                  RNZohodeskPortalSDK.handleNotification(getApplicationContext(), remoteMessage.getData(), icon);
               
            
            

         

         
            
               [RNZohoDeskPortalSDK processRemoteNotification:userInfo];
            
         
         

      

手順8：アドオンのテーマをカスタマイズします。

         
            
               RNZohodeskPortalSDK.setThemeResource(resourceId);
            
         
         

      

         
            
               #import <RNZohodeskPortalSdk/RNZohoDeskPortalSDK.h> [RNZohoDeskPortalSDK setTheme:RNZDThemeLight];
            
         
         

      

手順9：アドオンのエラーログを設定します。

         
            
               import { ZohoDeskPortalSDK } from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.enableLogs();
            
         
         

      

         
            
               import { ZohoDeskPortalSDK } from 'react-native-zohodesk-portal-sdk'; ZohoDeskPortalSDK.disableLogs();