https://a.storyblok.com/f/270183/680653/e3a9187dbe/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.

前提条件

リポジトリのクローン

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

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年よりテクノロジー・アドボケイトとして活動している。世界中の開発者を教育し、力を与えている。