https://d226lax1qjow5r.cloudfront.net/blog/blogposts/break-awkward-silences-with-terrible-festive-jokes-via-sms-dr/Break-Awkward-Silences-With-Terrible-Festive-Jokes-Via-SMS.png

気まずい沈黙を破る、SMSを使ったひどいお祝いジョーク

最終更新日 April 19, 2021

所要時間:10 分

このチュートリアルでは、あなただけの気まずい沈黙を破る方法を紹介します。SMSアプリを使えば、ひどいジョークや一発芸を返信してくれるので、テーブルに投げ出せば、すぐに緊張をほぐすことができます。

一年のどんな時期でも、家族が大勢集まると少し気まずくなることがある。例えば、ビルおじさんが飲み物を混ぜていて、最終的に従姉妹のロベルタについて何か言ってしまい、みんながパースニップをむしゃむしゃ食べるような気まずい雰囲気になる。

気まずい。コード・エディターを起動して、始めよう。

建てる前に試す

このアプリの私のバージョンはライブなので、コードを掘り下げる前に、今すぐメッセージを送って結果を見ることができる。


"awkward "という単語を含むSMSを以下に送信してください。 +44 7520619627イギリスなら +1 201 844 9627アメリカにいる人は、お返しに送られてくる天才的なセリフに爆笑してください...たぶん。


(鋭い方なら、これらの番号の下4桁が電話のキーパッドでX-M-A-Sと表記されていることにお気づきだろう)。

一通のLINEで、重苦しい沈黙が破れなかった?じゃあ、SMSで "more "という単語を返信して、助けになりそうな別の台詞をもらおう。

アプリの構築

これから作るアプリは Node.jsKoa フレームワーク(これはExpressのより現代的な実装に過ぎない)、そしてVonage Messages APIを使用する。

コードは ネクスモコミュニティGitHubアカウントで、また リミックス可能な形でGlitch.

前提条件

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.

This tutorial also uses a virtual phone number. To purchase one, go to Numbers > Buy Numbers and search for one that meets your needs.

リポジトリのクローン

任意のディレクトリに、私たちの コミュニティリポジトリからクローンしてください:

git clone git@github.com:nexmo-community/xmas-jokes-nodejs.git

その後、コードにアクセスするためのディレクトリに移動する:

cd xmas-jokes-nodejs

このお祭りのような不思議なパッケージをエディターで開き、設定を始めよう。

スタートアップ

このアプリを設定するには、外部からアクセスできる必要がある。使用方法 Ngrokを使ってポート 3000を公開し https与えられたURLをメモする:

ngrok http 3000

まだ ングロックを使ったことがない場合は このブログ記事のガイドに従ってください。

構成

最初に設定するのは .env.sampleファイルである。ファイル名を .env.

以下の情報をすべて追加する:

NEXMO_API_KEY="" # from your account dashboard NEXMO_API_SECRET="" # from your account dashboard

次はアプリケーション固有の詳細だ。CLIを使って設定する。

クローンしたアプリには2つのエンドポイントがある:

  • /inbound新しいSMSメッセージを受信する

  • /statusは、Messages & Dispatchアプリケーションに必須のURLです。

vonage apps:create ✔ Application Name … Xmas Jokes ✔ Select App Capabilities › Messages ✔ Create messages webhooks? … yes ✔ Inbound Message Webhook - URL … https:///inbound ✔ Inbound Message Webhook - Method › POST ✔ Status Webhook - URL … https:///status ✔ Status Webhook - Method › POST ✔ Allow use of data for AI training? Read data collection disclosure - https://help.nexmo.com/hc/en-us/articles/4401914566036 … yes

このコマンドはあなたの Account に新しい Messages & Dispatch アプリケーションをセットアップします。画面に Application IDを画面に出力し、現在いるディレクトリに秘密鍵を作成します。どちらも次のステップの設定に必要です:

NEXMO_APPLICATION_ID="" # The new App ID you just generated NEXMO_APPLICATION_PRIVATE_KEY="./XmasJokes.key" # No need to change this unless you called your keyfile something different

最後に、新しいSMS可能な番号を追加します:

NEXMO_FROM_NUMBER="" # If you have a Non-US number put it here, otherwise blank NEXMO_FROM_NUMBER_US="" # If you have a US number, put it here, otherwise blank

これらのフィールドをすべて埋めて .envを保存して閉じます。

電話を受けるには番号が必要です。以下のコマンドで番号を借りることができます(国番号をあなたのコードに置き換えてください)。例えば、あなたがアメリカにいる場合、次のように置き換えます。 GBUS:

  • vonage numbers:search US vonage numbers:buy [NUMBER] [COUNTRYCODE]

    その番号をアプリにリンクさせる:

    vonage apps:link --number=VONAGE_NUMBER APP_ID

以上です。セットアップ完了!

祝祭の歓声に火をつけよう

Vonageはこれで、すべてがどこに向かっているのか、そしてどのように新しいメッセージをあなたのアプリケーションにルーティングするのかを知ることができます。あとはやることがひとつだけある:

npm run dev

サーバーが稼動したら、コールバックで使用したのと同じURLでNgrok接続がまだ稼動していることを確認し、新しい番号に「気まずい」という単語をSMSで送信する。

Numbers in action

次はどこだ?

次のステップは、このアプリをサーバーにデプロイすることです。 Herokuが最適で、このアプリを動作させるためにコードを変更する必要はない。

アプリを他の場所にデプロイする際には、SMS番号のコールバックと、Messages & DispatchアプリケーションのURLの両方を更新する必要があることを忘れないでください。

そのために必要なCLIコマンドは以下の通り:

vonage apps:update [APP_ID] --voice_event_url=http://example.com/webhooks/event --voice_answer_url=http://example.com/webhooks/answer

それなら大丈夫だ。

もっと簡単にしたいですか?

このアプリケーションのコードで遊ぶために、もっと手っ取り早い方法をお探しなら、次の方法がある。 Glitchでリミックスでリミックスできます:

remix button

シェア:

https://a.storyblok.com/f/270183/250x250/d0444194cd/martyn.png
Martyn Daviesヴォネージの卒業生

元Vonage開発者教育ディレクター。クリエイティブ・デベロッパー、プロダクト・マネージャー、ハック・デイ・オーガナイザーの経歴を持つマーティンは、放送局や大手レコード会社での勤務を経て、2012年よりテクノロジー・アドボケイトとして活動している。世界中の開発者を教育し、力を与えている。