アクティブなTwilio番号のリストを素早くエクスポートして転送し、使用状況を確認する
読む所要時間: 10 分
February 20, 2024
執筆者
レビュー担当者
アクティブなTwilio番号のリストを素早くエクスポートして転送し、使用状況を確認する
この記事では、Twilio番号のリストをエクスポートし、メインアカウント内で転送し、Twilioアカウントの各番号とアセットの使用状況を確認できるWebアプリを素早く作成する方法を説明します。
セットアップに独自のサーバーは必要ありません。また、コーディング方法を知っている必要もありません。コードを読みたくない場合は、コードを読む必要もありません。ここでは、Twilio Consoleから直接使用できるTwilioのFunctions製品を使用してこれらすべての操作を行う方法について説明します。
デモアプリ
Twilioアカウントでアプリを作成する方法を説明する前に、デモアカウントでテストできます。
以下のビデオでは、アプリの仕組みも紹介しています。
実現方法
アプリはTwilio Functionsサービスでホストされるため、独自のサーバーは必要ありません。Twilio Functionsについて詳しくは、こちらをご覧ください。
アプリの作成に必要なJavaScriptコード、HTML、CSS、その他のアセットをホストできます。この開発スタイルをサーバーレスコンピューティングと呼びます。Functionsを使用すると、このツールにより自動的にリソースが提供されるためです。
関数のコードは、GitHub上にあるGitHubリポジトリからコピーされます。
コードをコピーすることにより、コーディング方法を知らなくてもかまいません。コードを自分のサーバーでホストしたり、自分のWebサイトに統合したりすることもできます。
必要条件
コードの場所を把握できたら、アプリを作成するために必要なものを見てみましょう。
このチュートリアルでは、以下が必要です。
任意のブラウザー（最新のものが望ましい）
Twilioアカウント（まだアカウントをお持ちでない場合は、Twilioにサインアップしてください）
アプリをビルドしてブラウザーで使用する
以下のビデオでは、Twilio Functionsでアプリを作成するために必要な手順を示します。
ビデオに記載されている手順も以下に詳細にリストされています。
関数をメインアカウントの下に作成します。
作成されたアプリで、メインアカウントの下にあるサブアカウントのログを検索するオプションがあります。
実行する手順:
目的の関数のGitHubリポジトリを開きます。Consoleで関数を作成するときに、これを参照します。
Twilio Consoleで［Functions & Assets］（FunctionsとAssets） > ［Services］（サービス） > ［Create Service］（サービスを作成）の順に選択し、新しい関数を作成します。
新しい関数ファイルを追加し（左上隅のボタン）、/functionsフォルダ（GitHub上）にある関数と同じ名前を付けます（.jsの拡張子は付けません）。
/functionsフォルダー内のすべてのファイルについて手順3を繰り返します。
GitHubリポジトリの/assetsディレクトリを開きます。
アセットファイルを作成し（左上隅のボタン）、index.htmlという名前を付けます（.htmlの拡張子も付けます）。
GitHubリポジトリでファイルを開き、index.htmlファイルからコードの内容をコピーします。
assetsフォルダーにある.cssファイルについても同じ操作を行います。
これらのアセットの場合、オンラインエディタで開くと、右下隅にそれぞれ「HTML」と「CSS」と表示されます。
［Environmental Variables］（環境変数）をクリックし、「Password」という新しいキーと希望する値を追加します（アプリを使用するためのパスワードになります）。
オンラインエディタで、すべての関数とアセットを保存します。
オンラインエディタで、各ファイルの名前の横に、現在のアクセスレベルが表示されます。すべてのファイルのアクセスレベルを［Public］に設定します。デフォルトは［Protected］です。
［Deploy All］（すべてデプロイ）をクリックし、デプロイの完了を待ちます。
［Dependencies］（依存関係）をクリックし、必要に応じていくつかの項目を更新します。
Twilioモジュール、バージョン^3.61.0
@twilio/runtime-handler、バージョン1.2.1
一番上でNodeバージョン18を設定
［Deploy All］（すべてデプロイ）をクリックし、デプロイされるのを待ちます。
Consoleのリストからindex.htmlをクリックし、右下隅にある［Copy URL］（URLをコピー）をクリックして、新しいブラウザータブに貼り付け、Enterキーを押します。アプリが開きます。
上記の手順を完了した後はいつでも使用できるように、アプリのURLをブックマークします。URLを紛失した場合は、Consoleで関数を開き、手順16を繰り返します。
アプリの外観は上のデモビデオと同じですが、ビデオを録画した後に関数を追加した可能性があるため、アプリに追加の関数が表示される場合があります。また、アプリには、サブアカウントのリスト、公開されたパスワード、デモ専用のその他の情報も含まれていません。中心的な機能は含まれていますのでご安心ください。
追加のヘルプとして、あなたの側ですべてが正しく設定されていることを確認するには、以下のスクリーンショットを参照してください。
画像1. Consoleの最終的な関数
画像2. 環境変数
画像3. 依存関係
このアプリで他にできることと、注意すべき事項
番号の管理や使用状況の確認に役立つアプリの作成方法を見てきました。次に、アプリのカスタマイズ、セキュリティなどについて見ていきましょう。
共有したGitHubリンクは、Twilioのコードサンプルを含む大きなリポジトリの一部です。
各ディレクトリにはアセットと関数が含まれており、上記の「アプリをビルドする」セクションの番号付きリストで説明した方法と同じ方法で新しい関数にコピーできます。つまり、起動するためにすべての関数を持つアプリを作成する必要はなく、必要な関数のみを作成することができます。各関数は、異なるURLとパスワードを使用して、別々の関数として作成できます。
さらに、Functionsの大きな利点として、アクセス制御を行える点があります（関数の可視性）。作成されたアプリはブラウザーから誰でもアクセスできるため（ただし、パスワードが分かっている場合にのみ使用できます）、関数はPrivateまたはProtectedにしておき、使用する必要がある場合にのみPublicに設定します（詳細については、上記の手順12を参照）。
関数の可視性を制御することとは別に、アプリを可能な限り安全な状態に保つため、強いパスワードを設定し、アプリのリンクとパスワードは、アプリを使用する必要のある信頼できる人にのみ教えるようにします。
変更が完了したら、オンライン関数の［Deploy All］（すべてデプロイ）ボタンをクリックする必要がある点に注意してください。エラーが発生した場合、または関数が適切にデプロイされない場合、ログが表示されます。
最後に、Functionsの使用に際してTwilioが請求する料金について説明します。Twilioは、Functionsの使用量に応じて料金を請求します。毎月リセットされる無料利用枠もありますが、使用量に応じて生じる費用に注意してください。
コミュニケーションの未来を構築どうぞお楽しみください。
Jyden Tireeにこの投稿に付随するビデオを録画していただきありがとうございます。
Danijel Šumberacは、コーディング、SQL、データ分析における長年のリーダーシップ経験と知識を持つTwilioのシニアマネージャーであり、ユーザーが独自のAPIソリューションを作成できるようにサポートする取り組みに高い関心を持っています。連絡先は、dsumberac [@] twilio.comです。
