disco.chat

維持されていません。 MORTEMポストを参照してください

あらゆるWebページに匿名のEphemeralリアルタイムチャットを追加します。

概要

Disco.Chatは、匿名のEphemeralリアルタイムチャットをあらゆるWebページに追加します。これは、Twitchのチャットとインターコムのカスタマーサービスチャットウィジェットのマッシュアップです。

なぜ？

• 出版社は、エンゲージメント/ページビューを後押しする新しい方法に必死です
• Reddit、Facebook、およびTwitterは（悲しいことに）Webを集中化しましたが、ディスカッション（つまりコメント）は、コアWebプラットフォームでまだ効果的に非同期です
• Discordのようなチャットサービスは、リアルタイムチャットを介してコミュニティ（出版社のコンテンツに関する一部）を成長させることができました
• 出版社は、これらのハンドレイザーを収益化したり、議論の一部になるための方法が限られています

ルール

他の読者と匿名および短命でチャットします。

• ユーザーデータは収集されていません
• 各URLは独自のチャットルームです
• メッセージはページを更新するまでのみライブします（注：この実験テスト段階では、分析のためにMongoDBにそれらを保持していますが、これがさらに進んだ場合、実際に保存しないことです）。

死後

父のブログの1つの記事に実際にこれを展開しましたが、このサイドプロジェクトの作業をやめました。 Spot.imという会社は、ほぼ同じことをしています。

サードパーティのJSを書いて、IFRAMSおよびWebSocketsを使用したのはこれが初めてでした。私があなたが役に立つと思うかもしれない私が特に誇りに思っているいくつかのコードがあります：

• web/sdk/disco.jsアプリとウィジェット全体で状態の変更を調整しました（ReactとPreactictアプリを個別に）
• web/src/App.tsx twitterliteの空のdiv +チャットレイアウト用のフレックスボックステクニック

ビジョン /ロードマップ

• ウィジェットに鋭い入り口アニメーションを追加します
• 「ここで他の読者とチャット」または「会話に参加する」スピーチバブルをウィジェットの上に追加して、人々がこのことが何をするかを知っているように
• たぶん1：1チャットルームからURLからURLから適切なモデルではありません。おそらく、スラックセットアップのようなトピックだけが必要なはずです
• ルーム / URLを閲覧および切り替える機能を追加します
• ブラウザテスト。笑？
• チャット用の安全なメッセージバスとして再利用できるAWSのIoTのものを調べてください
• トピック/URL/チャットを管理するためのパブリッシャーUIを構築します
• 支払い？
• 分析？
• タイピングインジケーターがいいでしょう。
• GraphQLに移動しますか？

ローカルで開発

構造

プロジェクトのルートは現時点でAPIです。ソースは./srcにあります。

./webには、React x TypeScript Chat Applicationがあり、 web/sdk/disco.jsには、サードパーティJSがあります。ロールアップウォッチタスク（YARN sdk ）は、SDK JSを./web/publicディレクトリ（これはreact-scripts-ts -reac-appアプリのpublicディレクトリです）にlocalhost:3000/disco.dev.jsに出力します。

インストール

yarn install && cd web && yarn install && cd .. 

アプリを実行する

3つのターミナルタブを開きます。

yarn start # 1. start the API
cd web
yarn start # 2. start the application (chat UI)
yarn sdk # 3. develop the sdk (./web/sdk/disco.js)

localhost:3000でチャットアプリを開発できます。ただし、開発中にlocalhost:5000およびlocalhost:5000/aboutにアクセスすることで、エンドユーザーエクスペリエンスを完全に得ることができます。これらは、2つのHTMLページ./public/about.htmlおよび./public/index.htmlを提供します。これらは、SDKがサードパーティのサイトでどのように使用されるかを模倣することを目的としています。より現実的な使用をシミュレートしたいので、自由に変更してください。