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。当您希望模拟更真实的世界使用情况时，请随意更改它们。