https://a.storyblok.com/f/270183/1368x665/9ebf98b209/appwrite_schedule-sms.png

VonageとAppwrite Messagingを使ってSMSをスケジュールする方法

最終更新日 August 6, 2024

所要時間:1 分

オープンソースのバックエンドサーバー(Firebaseの代替)として人気のあるAppwriteは、彼らのコミュニティからメッセージング機能に対する多くの要望を受けていた。それに応えるべく、彼らは Appwrite メッセージングを発表しました。これは開発者が Appwrite プロジェクト内でメール、SMS、プッシュ通知を送信できるようにする製品です。この機能をリリースウィーク初日に知った人もいるだろう。また ライブストリームのゲストであることを早とちりしてツイートしたときに。(ごめんよ、エルダド!)。

開発者は、Vonageをプロバイダーの1つとして使用して、フル機能のメッセージングサービスをセットアップできるようになりました。これにはSMSメッセージのスケジューリングも含まれ、特にタイムリーなリマインダーやアップデートの送信に便利です。その方法をお見せしましょう!

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アカウントを作成したら、Vonage API Dashboardに移動します。

APIキーとシークレットを保存する

ダッシュボードのメインページに、APIキーとシークレットが表示されているはずです。これらの数字をメモに保存しておくと、後で簡単にアクセスできるようになります。 A section of the Vonage dashboard with API key and API Secret credentialsAPI Key and Secret

Vonage電話番号の購入

左側のメニューから、「BUILD & MANAGE(構築と管理)」>「Numbers(番号)」>「Buy Numbers(番号の購入)」を選択します。SMS機能とモバイルタイプを含む番号を購入する。米国の方は、私のブログ「10DLCについて知っておくべきこと」をご覧ください。10DLCについて知っておくべきこと、「をご覧ください。そうしないと、あなたのアプリケーションは動作しません。この電話番号を同じメモに保存しておいてください。

The Buy Numbers page of the Vonage dashboard with a list of numbers available for purchaseBuy Number

Appwriteのセットアップ

メッセージング機能でクールなのは、Appwriteコンソール上ですべてを実行することだ。

Appwriteをインストールする

まだインストールしていない場合は、Appwriteがインストールされていることを確認してください:

npm install appwrite

Appwrite がインストールされたら、あなたの Appwrite Cloud コンソールにアクセスし、組織を作成する。このプロジェクトでは、Starter プランを選択することができます。

プロジェクトの作成

組織内の「プロジェクト」タブで「プロジェクトの作成」をクリックします。

The Buy Numbers page of the Vonage dashboard with a list of numbers available for purchaseBuy Numberプロジェクトに "SMSのスケジュール "のような名前をつけ、"次へ "をクリックします。

Create project window with "Name" and "Schedule SMS" as an example outlined.Name Your Project最寄りの利用可能な地域を選択し、「作成」をクリックします。現在、フランクフルトだけが表示されています。

Create a project's step "Region" with "Frankfurt" selected.Regionプロジェクトが作成されたので、'Getting started'セクションで'Web'を選択してプラットフォームとして追加する。

The section to add a platform on the Appwrite console with Web outlineAdd Platformホスト名の登録を完了します。

Hostname registration window with Name and Hostname as requiredHostname registrationそれが終わったら、コンソールに行き、先ほど作成したプロジェクトをクリックする。

ユーザー作成

左側の「Auth」に行き、「Create user」を選択する。テストのために、あなたの情報を入力することをお勧めします。

電話番号を入力する場合は、「+」で始まり、最大15桁まで入力できます。

Create user window with name, email, phone, password, and User ID with their values hidden.Create userここで、「Verify account」をクリックしてユーザーを確認します。ステータスが緑色に変わり、verified {TYPE}と表示されるはずです。

トピックの作成

メッセージング」に戻り、「トピック」タブで「トピックの作成」をクリックします。

Under the Messaging section, the "Topics" tab is selected with "+ Create topic" outlined.Create Topicトピックに「友達」などの名前をつけ、「作成」をクリックします。

Create topic window with "Friends" as an exampleName your topic購読者の追加

トピックに移動し、作成したトピック(私の場合は「友達」)をクリックします。購読者を追加」をクリックします。

Subscriber tab with "+ Add subscriber" outlinedAdd subscriber page先ほど作成したユーザーが表示されるはずです。その名前をクリックして、購読者として追加します。SMSとEメールの購読者リストに表示されます。

List of subscribers with their types (SMS, Email) outlinedList subscribers

Vonageプロバイダーの作成

左側の「Messaging」をクリックして(もう一度)メインの「Messaging」ビューに戻り、「Providers」タブに進みます。SMS機能を持つプロバイダーを作成します。プロバイダーに名前を付け、Vonageを選択し、「次へ」をクリックします。

設定ページで、Vonage APIキーとVonage APIシークレットを入力します。送信者番号には、Vonage ダッシュボードで購入した電話番号を入力します。これらのフィールドの値は、このチュートリアルの最初に作成したノートにすでに記載されているはずです。

電話番号を入力する場合は、「+」で始まり、最大15桁まで入力できます。

メッセージの作成とスケジュール

左側の「メッセージ」をクリックし、メインの「メッセージ」ビューに戻ります(もう一度)。メッセージ」タブにいることを確認し、「メッセージを作成」をクリックし、SMSオプションを選択します。

Messaging tab opened with "+ Create message" outlined.Messaging tab送信したいメッセージのテキストを書き、「次へ」をクリックします。

Dashboard showing "Vonage does that!" as the message to be sent with a screenshot of the text from the phone's SMS app that shows the received message.Write a messageターゲット」ページで「トピックの選択」をクリックし、先ほど作成したターゲットを選択します。トピックが「ターゲット」の下に表示されているはずです。次へ」をクリックします。

Select topics window with "Friends" checkedSelect friends topicスケジュールページでは、いつメッセージを送信するかを設定できます。今すぐ送信することも、秒単位で日時を指定して送信することもできます。

"Schedule" shown as the last step to of "Create message" with the setting "Schedule", "Date", and "Time" outlined.Send SMS送信」をクリックすると、予定通りの日時にメッセージが届くはずです。ウー

Screenshot of text messaged received ("Vonage does that!") from the phone SMS application.Received SMS

パーティーに参加しよう

そしてちょうどそのように、あなたはプロバイダとしてVonageを使用してAppwrite Cloud Consoleから直接スケジュールされたSMSを送信しました!Vonageの社員として、そして Appwrite ヒーローとして、私はこの機能の使い方を両方のコミュニティに紹介することにとても興奮しました。もしあなたがこれらの製品を使ってプロジェクトを構築することになったら、ぜひ教えてほしい!その際は X正式名称はTwitterです。お気軽に 私のチームそして Vonage開発者コミュニティSlack.お読みいただきありがとうございました!

シェア:

https://a.storyblok.com/f/270183/384x384/b68093ec17/diana-pham.png
Diana Phamデベロッパー・アドボケイト

ダイアナはVonageのデベロッパー・アドボケイト。新鮮な牡蠣を食べるのが好き。