ローカル PC で通話ボットとオンライン会議ボットを開発する
[ アプリの実行とデバッグ] で、 ngrok を使用してローカル コンピューターとインターネットの間にトンネルを作成する方法について説明します。 このトピックでは、ngrok とローカル PC を使用して、通話やオンライン会議をサポートするボットを開発する方法について説明します。
メッセージング ボットは HTTP を使用しますが、通話とオンライン会議ボットでは下位レベルの TCP が使用されます。 ngrok では、HTTP トンネルに加えて TCP トンネルもサポートされています。
ngrok.yml を構成する
ngrok に移動し、無料アカウントにサインアップするか、既存のアカウントにログインします。 サインインしたら、ダッシュボードに移動し、認証トークンを取得します。
ngrok.yml
ngrok 構成ファイルを作成し、次の行を追加します。 ファイルの場所の詳細については、ngrok を参照してください。
authtoken: <Your-AuthToken>
シグナリングを設定する
[通話とオンライン会議ボット] では、通話中にボットが新しい通話やイベントを検出して応答する方法に関する通話シグナリングについて説明しました。 呼び出しシグナリング イベントは、HTTP POST を介してボットの呼び出しエンドポイントに送信されます。
ボットのメッセージング API と同様に、リアルタイム メディア プラットフォームがボットと通信するには、ボットにインターネット経由で到達できる必要があります。 Ngrok では、この操作が簡単になります。 ngrok.yml に次の行を追加します。
tunnels:
signaling:
addr: 12345
proto: http
ローカル メディアを設定する
注:
このセクションは、アプリケーションでホストされるメディア ボットにのみ必要であり、自分でメディアをホストしていない場合はスキップできます。
アプリケーションでホストされるメディアでは、証明書と TCP トンネルが使用されます。 次の手順が必要です。
Ngrok のパブリック TCP エンドポイントには固定 URL があります。
0.tcp.ngrok.io
、1.tcp.ngrok.io
などです。 これらの URL を指すサービスの DNS CNAME エントリが必要です。 たとえば、0.bot.contoso.com
が0.tcp.ngrok.io
を参照し、1.bot.contoso.com
が1.tcp.ngrok.io
を参照するとします。URL には SSL 証明書が必要です。 簡単にするには、ワイルドカード ドメインに発行された SSL 証明書を使用します。 この例では、
*.bot.contoso.com
になります。 この SSL 証明書はメディア SDK によって検証されるため、ボットのパブリック URL と一致する必要があります。 サムプリントをメモし、マシン証明書にインストールします。次に、トラフィックを localhost に転送する TCP トンネルを設定します。 次の行を ngrok.yml に書き込みます。
media: addr: 8445 proto: tcp
ngrok を開始する
ngrok 構成の準備ができたら、次のように起動します。
ngrok.exe start -all -config <Path to your ngrok.yml>
これにより、ngrok が開始され、localhost へのトンネルを提供するパブリック URL が定義されます。 出力の例を次に示します。
Forwarding http://signal.ngrok.io -> localhost:12345
Forwarding https://signal.ngrok.io -> localhost:12345
Forwarding tcp://1.tcp.ngrok.io:12332 -> localhost:8445
ここで、12345
はシグナリング ポート、8445
はアプリケーションでホストされるポート、12332
は ngrok によって公開されるリモート メディア ポートです。
1.bot.contoso.com
から 1.tcp.ngrok.io
への転送があることに注意してください。 これはボットのメディア URL として使用されます。 もちろん、これらのポート番号は単なる例であり、使用可能な任意のポートを使用できます。
コードを更新する
ngrok が起動して実行されたら、設定した構成を使用するようにコードを更新します。
シグナリングを更新する
BotBuilder 呼び出しで、NotificationUrl
を ngrok によって提供されるシグナリング URL に変更します。
statefulClientBuilder.SetNotificationUrl(
new Uri("https://signal.ngrok.io/notificationEndpoint"))
注:
シグナルを ngrok によって提供されるものに置き換え、NotificationEndpoint
を通知を受信するコントローラー パスに置き換えます。
重要
-
SetNotificationUrl
の URL は HTTPS である必要があります。
ローカル インスタンスは、シグナリング ポートで HTTP トラフィックをリッスンしている必要があります。 エンドツーエンドの暗号化が設定されていない限り、通話とオンライン会議プラットフォームによって行われた要求は、localhost HTTP トラフィックとしてボットに到達します。
メディアを更新する
MediaPlatformSettings
を次のように更新します。
var mediaPlatform = new MediaPlatformSettings
{
ApplicationId = <Your application id>
MediaPlatformInstanceSettings = new MediaPlatformInstanceSettings
{
CertificateThumbprint = <Your SSL Cert thumbprint>,
InstanceInternalPort = <Localhost media port>,
InstancePublicPort = <Ngrok exposed remote media port>,
InstancePublicIPAddress = new IPAddress(0x0),
ServiceFqdn = <Media url for bot (eg: 1.bot.contoso.com)>,
},
}
注:
MediaPlatformSettings
で提供される証明書の拇印は、サービス FQDN と一致する必要があります。 そのため、DNS エントリが必要です。
警告
- ngrok の無料アカウント はエンドツーエンドの暗号化を提供しません 。 HTTPS データは ngrok URL で終了し、データは暗号化されずに ngrok から
localhost
に流れます。 エンドツーエンドの暗号化が必要な場合は、有料の ngrok アカウントを検討してください。 安全なエンドツーエンド トンネルを設定する手順については、TLS トンネル を参照してください。 - ボットコールバック URL は動的であるため、着信のシナリオでは、ngrok エンドポイントを頻繁に更新する必要があります。 これを修正する方法の 1 つは、有料の ngrok アカウントを使用することです。これにより、ボットとプラットフォームを指すことができる固定サブドメインが提供されます。
- Ngrok トンネルは、Azure サービス ファブリック でも使用できます。 これを行う方法の例については、[HueBot サンプル アプリ] を参照してください。
関連項目
Platform Docs