モバイルアプリでどこでもサポートSDK(ソフトウェア開発キット)の設定後、どこでもサポートSDK(ソフトウェア開発キット)とモバイルアプリとの連携を行います。
連携を行うにあたって、以下の2種類の方法があります。
Androidアプリの場合、Mavenを使用します。
React Nativeアプリ向けのどこでもサポートSDK(ソフトウェア開発キット)は、「maven.zohodl.com」でリリースされています。そのため、Androidのプロジェクト内でこのURLを指定する必要があります。追加するには、Android StudioでReact NativeプロジェクトのAndroidフォルダーを開いて、プロジェクトの「build.gradle」ファイルに以下のコードを追加します。
iOSアプリの場合、CocoaPodsを使用します。
React Nativeのプロジェクト内にPodfileがすでに追加されている場合、コマンド「pod install」を実行します。
プロジェクト内にPodfileが追加されていない場合、iOSフォルダーで以下のコマンドを実行します。
次に、以下のコードを使用して、React Native SDKの「RNZohodeskPortalSdk」をPodfileに追加します。
- target 'YourProjectName' do
pod 'RNZohodeskPortalSdk',:path => '../node_modules/react-native-zohodesk-portal-sdk/ios/RNZohodeskPortalSdk.podspec'
end
その後、iOSでコマンド「pod install」を直接実行します。
Podfileのインストール後、XcodeでiOSのプロジェクトを開いて、[Build Settings]→[Build Options]の順に移動します。[Build Options]で、「ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES」を「Yes」に設定します。
次に、以下のキーとそれぞれの説明をアプリの「Info.plist」ファイルに追加します。
1. Privacy - Camera Usage Description(カメラの利用に関する説明)
2. Privacy - Microphone Usage Description(マイクの利用に関する説明)
3. Privacy - Photo Library Usage Description(写真ライブラリーの利用に関する説明)
React NativeアプリでのどこでもサポートSDKの初期化
どこでもサポートSDK(ソフトウェア開発キット)の初期化を行うには、JavaScriptのコード内に以下のコードを追加します。
- import {
ZohoDeskPortalSDK
}from 'react-native-zohodesk-portal-sdk';
ZohoDeskPortalSDK.initialise("orgId", "appId", "dc");