React Native Agent
📄️ クイックスタート
このクイックスタートガイドで5-10分でNetFUNNEL 4 React Native Agentを始めましょう。
📄️ インストールおよび初期化
NetFUNNEL React Nativeエージェントのインストールと初期化ガイドです。
🗃️ 統合方法
2項目
📄️ 初期化設定
このドキュメントは、Netfunnel.initialize()関数で使用できるすべての初期化設定を説明します。
📄️ APIリファレンス
NetFUNNEL React Native Agentの関数、コールバック、レスポンス形式の完全なリファレンスです。
📄️ トラブルシューティング
NetFUNNEL React Native Agent統合に関する一般的な問題、解決方法、よくある質問です。
概要
React Native Agentは、React NativeアプリケーションでNetFUNNEL 4トラフィック制御機能を提供するクライアント側SDKです。
主な機能
- クライアント側SDK: React Nativeアプリケーションに直接統合
- コードベース統合: ボタンクリック、API呼び出しなど正確な制御
- ネイティブ待機室: WebViewベースの待機室テンプレート
- リアルタイムキュー更新: 待機位置、待機時間、進捗率情報を提供
- ネットワーク復旧: ネットワーク問題時の自動復旧
- 堅牢なエラー処理: 包括的なコールバックシステム
- 軽量SDK: 最小限の依存関係
システム要件
- React Native: 0.70.0以上
- react-native-webview: 13.0.0以上
- react-native-async-storage/async-storage: 1.23.1以上
互換環境
- React Nativeアプリケーション: iOSおよびAndroidネイティブアプリ
- ハイブリッドアプリ: React Nativeベースのハイブリッドアプリケーション
動作方法
- SDK初期化: NetFUNNELを初期化し、設定を構成
- WebViewコンポーネント追加: 待機室を表示するためのWebViewコンポーネントを追加
- コードベース統合:
nfStartおよびnfStop関数を使用してトラフィックを制御 - 待機室表示: WebViewベースの待機室が自動的に表示される
エージェント動作フロー
待機前: ページロード → エージェント初期化 → トリガールールマッチ
待機中: NetFUNNELサーバーリクエスト → NetFUNNELキー発行 → 待機室ページに移動
待機後: サービスページ進入 → NetFUNNELキー返却
統合方法
コードベース統合
コードベース統合は、2つの制御タイプをサポートします：
- 基本制御: 進入速度制御
- 区間制御: 特定の区間で同時ユーザー数を維持
統合方法の選択
基本制御と区間制御を比較し、ユースケースに最も適したアプローチを選択するには、統合方法概要を参照してください。
制限事項
URL-Triggered統合はサポートされていません
React Native AgentはURL-Triggered統合をサポートしていません。コードベース統合のみ使用できます。
クイックスタート
React Native Agentをすぐに始めるには、クイックスタートガイドを参照してください。
サンプルプロジェクト
練習用の基本プロジェクトが必要ですか？サンプルプロジェクトを確認してください。
ドキュメント
コアドキュメント
- クイックスタート: 基本例で5-10分で始める
- インストールと初期化: 依存関係と設定の詳細ガイド
- 統合方法: 基本制御と区間制御の比較
- APIリファレンス: 完全な関数仕様、コールバック、レスポンス形式
- 初期化設定: すべての初期化パラメータと使用方法
- トラブルシューティング: 一般的な問題、解決方法、FAQ
実装ガイド
関連コンテンツ
- Android Agent: Android SDK統合ガイド
- iOS Agent: iOS SDK統合ガイド
- サンプルプロジェクト: すぐに使用できるプロジェクトテンプレート