https://d226lax1qjow5r.cloudfront.net/blog/blogposts/make-local-calls-with-no-code-and-vonage-code-hub/code-hub_no-code.png

ノーコードとVonageコードハブで市内電話をかける

最終更新日 March 4, 2024

所要時間:1 分

はじめに

私のように海外旅行が多い人なら、現地のSIMカードを購入する苦労を知っているだろう。ショップを探し、プロバイダーを比較し、現地のSIMをインストールし、旅行に必要なデータ量や分数を購入できるよう祈る必要がある(ただし、大金を無駄にしない程度に!)。そして最悪なのは、空港で元のSIMカードを戻すためにクリップや釘や鉛筆を探すことだ!

ありがとうございます、 eSIMはゲームを変え、SIMの交換に対処する手間をほとんど省いてくれた。ただし、eSIMはデータ通信にしか使えない!

この記事では、どこに行っても市内通話が可能な番号を持つ方法を紹介する。一番の魅力は?Vonageの Code Hubプラットフォームコーディングは一切必要ありません!

前提条件

  • Vonage API開発者アカウント:Vonage API Developer Accountをお持ちでない場合は、今すぐサインアップしてください。

  • Vonage バーチャル番号: 番号購入パネルに移動します。 番号購入パネルパネルにアクセスしてください。電話をかけたい地域の番号を選択し、その番号に Voice 機能があることを確認してください。.

Vonage API Account

To complete this tutorial, you will need a Vonage API account. If you don’t have one already, you can sign up today and start building with free credit. Once you have an account, you can find your API Key and API Secret at the top of the Vonage API Dashboard.

Vonage Code Hubの始め方

ボネージの コードハブは、Vonage APIを素早く利用するためのセットアップやインフラを提供する新しいプラットフォームです。開始するには、API開発者アカウントにログインし、次のセクションを見つけます。 ローカルコールの受信と発信プロダクトを見つけます。

Search Code Hub for Local CallsSearch Code Hub for Local Calls

Code Hubプロジェクトのデプロイ方法

製品を開いたら、次に コードのデプロイパネルを開きます。そこで 新しいインスタンスを作成するボタンがあります。

Deploy a new instance in Code HubDeploy a new instance in Code Hub

プロジェクトのデプロイメントを設定するパネルが開きます:

  • 地域最寄りの地域を選択してください。

  • ワークスペース名:ワークスペース名: 何かわかりやすい名前を選んでください。 "マイ・アメリカン・ローカル・コール転送"

  • 自国番号:自国の国番号(個人番号と同じ国番号)を持つVonageバーチャル番号。

  • 宛先番号:あなたのVonageバーチャル番号と目的地ロケールの国コード。

  • 個人番号:これは、電話を転送する通常の電話番号です。

すべてのNumbersには、国際コードが必要です。

  • 米国番号の例:15551234567

  • 英国番号の例:445551234567

フォームを送信すると、導入済み製品のダッシュボードに移動します。これで完了です!アプリの準備は完了です!

展開した製品のテスト方法

それから DESTINATION_NUMBERまたは HOME_COUNTRY_NUMBER.

  • あなたの DESTINATION_NUMBER相手先の国番号の携帯電話から電話をかけると、個人番号につながります。

  • あなたの HOME_COUNTRY_NUMBER個人番号から電話をかけると、目的地の希望の番号につながります。

コードを理解する

を開く代わりに コードのデプロイタブを開く代わりに コードを取得タブを開き、仮想開発環境でプロジェクトを開きます。エクスプローラタブ(shift+command+E)を使って index.jsファイルを開きます。ここにプロジェクトのすべてのコードがあります。ここでアプリケーションのロジックを見ることができます。

一番上に環境変数を設定します。 vcr.ymlファイルに定義されているCode Hubユーザーに表示されるフォームに対応しています。 setup.jsonファイルで定義されています。

const destinationlNumber = process.env.DESTINATION_NUMBER;
const homeCountrylNumber = process.env.HOME_COUNTRY_NUMBER;
const personalNumber = process.env.PERSONAL_NUMBER;

アプリケーションは /onCallエンドポイントをリッスンし、発信者が personalNumber(私たち)なのか、それとも私たちに連絡を取ろうとしている別の人なのかを判断します。

  • 私たちから電話がかかってきた場合は talkdtmfアクションを使用する。 /dtmfエンドポイントに送られる。 dialedNumber.

  • 通話が別の番号から発信されている場合は、発信者をその番号に接続する。 personalNumberに接続するが、仲介者 homeCountrylNumberに接続する。

結論

かっこいいでしょ?しかし、ボンネットの下では何が起こっているのだろう?このアプリケーションはVonageの VCR SDK(これはCode Hubを動かすものです)とその下にある Voice APIに依存しています。

Voice APIを使用することで、次のようなアクセスが可能になります。 NCCOにアクセスできる。 メッセージの送信発信者にメッセージを送ったり DTMF入力そして 他の電話番号に他の電話番号に接続する。

また SSML(音声合成マークアップ言語)を使用して、電話番号の数字をより自然に発音するようにエージェントの音声をカスタマイズしました。

この投稿を楽しんでいただけましたか? Vonage開発者向けSlackまたは X以前はTwitterとして知られていました。

追加リーディング

シェア:

https://a.storyblok.com/f/270183/384x384/e4e7d1452e/benjamin-aronov.png
Benjamin Aronovデベロッパー・アドボケイト

Benjamin AronovはVonageの開発者支援者です。彼はRuby on Railsのバックグラウンドを持つ実績のあるコミュニティ・ビルダーです。Benjaminは故郷であるテルアビブのビーチを楽しんでいる。テルアビブを拠点に、世界最高のスタートアップの創設者たちと出会い、学ぶことができる。技術以外では、完璧なパン・オ・ショコラを求めて世界中を旅するのが好き。