disco.chat

不維護。請參閱驗屍

將匿名短暫的實時聊天添加到任何網頁中。

概述

Disco.Chat向任何網頁添加了匿名的短暫的實時聊天。這是Twitch聊天和Intercom的客戶服務聊天小部件的混搭。

為什麼？

• 出版商迫切希望提高參與度/瀏覽量
• Reddit，Facebook和Twitter已將網絡集中（可悲的是），但是討論（即評論）仍然在其核心網絡平台上有效異步
• 諸如Discord之類的聊天服務能夠通過實時聊天來發展社區（一些出版商內容）
• 出版商的方式有限，可以將這些手射擊者獲利和/或成為討論的一部分

規則

與其他讀者匿名聊天。

• 沒有收集用戶數據
• 每個URL都是自己的聊天室
• 消息只有在您刷新頁面之前才能活下來（注意：在這個實驗測試階段，我將它們保留在MongoDB中進行分析，但是如果進一步進一步進行，則想法是不要實際存儲它們）。

驗屍後

儘管我確實在父親的博客上的一篇文章中確實部署了這一點，但我停止了該方面的項目。一家名為Spot.im的公司做了幾乎相同的事情。

這是我第一次編寫第三方JS，使用iframes和Websocket。我特別為您覺得有用的一些代碼而感到特別自豪：

• web/sdk/disco.js協調狀態在應用程序和小部件上的變化（單獨的react和preaxct應用程序）
• web/src/App.tsx Twitter Lite的空div + flexbox技術用於聊天佈局

視覺 /路線圖

• 為小部件添加更多的高級入口動畫
• 在小部件上方添加“在這裡與其他讀者聊天”或“加入對話”演講泡泡，以便人們知道這件事有什麼
• 也許是1：1聊天室 - 到URL不是正確的模型，也許應該有一個像Slack Setup這樣的主題
• 增加瀏覽和開關房間 / URL的能力
• 瀏覽器測試。哈哈？
• 查看AWS的物聯網事物，可以將其重新定義為安全的消息總線供聊天
• 構建用於管理主題/URL/CHATS的Publisher UI
• 付款？
• 分析？
• 打字指示器會很好。
• 移至GraphQl？

在本地發展

結構

目前，項目的根源是API。它的源可以在./src中找到。

在./web中，您會發現react x打字式聊天應用程序以及web/sdk/disco.js ，您會找到第三方JS。匯總手錶任務（YARN sdk ）將方便地將SDK JS輸出到./web/public Directory中（這是Create-react-app應用程序的public目錄），因此在開發過程中， localhost:3000/disco.dev.js在react-scripts-ts的WebPack Dev服務器上提供了服務。

安裝

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。當您希望模擬更真實的世界使用情況時，請隨意更改它們。