okhanyu / minichat Goto Github PK
View Code? Open in Web Editor NEWMinichat,Go语言实现的极简、极轻、无痕、匿名的聊天工具。
Home Page: https://minichat.codings.net
License: MIT License
Minichat,Go语言实现的极简、极轻、无痕、匿名的聊天工具。
Home Page: https://minichat.codings.net
License: MIT License
内网用着挺好的,有一点常用需求不知后续是否考虑:
之前用的https://github.com/usememos/memos
最近的更新太臃肿了
我发现你这个项目自己建立个聊天室用来发memos挺不错
VPS docker部署
IP+端口 可以正常访问使用
NGINX反代之后用域名访问,输入信息后发送,提示:The connection is closed,please refresh the page to reconnect !
请问大佬配置文件中 server_url: "" 中要填写什么吗
用的是 LibreWolf 浏览器( Firefox内核 ),重启浏览器后就没这个 空消息 了。
暂时无法复现
RT,
当然自定义标题也想要,嘻嘻
1、新人不懂docker,服务器环境也存在其他项目,不希望使用docker,是否可以提供其他的部署方式教程。叩谢~
2、我使用的时候,似乎自己发送的文字也展示在左侧,这似乎跟常用的微信展示方式不一致,是否可以改为,自己发的左侧,他人发的在右侧
3、非常有创意,也非常简洁的设计,轻量级,牛逼,期待可以部署尝试一下~
1、 去掉头像(匿名聊天头像也是不重要的)
2、昵称使用不同颜色来区分
3、对话气泡纯粹一点
图片的代码
import React from 'react';
const AnonymousChatUI = () => {
const users = {
'Alice': 'text-blue-600',
'Bob': 'text-green-600',
'Charlie': 'text-purple-600',
'Diana': 'text-red-600'
};
const messages = [
{ id: 1, sender: 'Alice', content: '大家好!我们来讨论一下今天的话题吧。', time: '10:00' },
{ id: 2, sender: 'Bob', content: '好的,你想讨论什么?', time: '10:02' },
{ id: 3, sender: 'Charlie', content: '我们可以谈谈最近的新闻事件。', time: '10:05' },
{ id: 4, sender: 'Diana', content: '听起来不错,我最近看到了一篇关于人工智能的有趣文章。', time: '10:07' },
{ id: 5, sender: 'Alice', content: '人工智能确实是个热门话题,你们怎么看待它对未来的影响?', time: '10:10' },
];
return (
<div className="flex flex-col h-screen bg-gray-100">
{/* 在线用户列表 */}
<div className="bg-white p-2 text-xs text-gray-500 border-b border-gray-200">
在线用户:Alice, Bob, Charlie, Diana
</div>
{/* 聊天记录 */}
<div className="flex-1 overflow-y-auto p-4">
{messages.map((message) => (
<div key={message.id} className={`mb-4 flex ${message.sender === 'Alice' ? 'justify-end' : 'justify-start'}`}>
<div className={`max-w-[70%] flex flex-col ${message.sender === 'Alice' ? 'items-end' : 'items-start'}`}>
<div className={`font-semibold mb-1 ${users[message.sender]}`}>
{message.sender}
</div>
<div className={`rounded-lg p-3 ${
message.sender === 'Alice' ? 'bg-blue-100' : 'bg-gray-200'
}`}>
<p className="text-gray-800">{message.content}</p>
</div>
</div>
</div>
))}
</div>
{/* 输入框 */}
<div className="bg-white border-t border-gray-200 p-4">
<div className="flex items-center">
<input
type="text"
placeholder="输入消息..."
className="flex-1 bg-gray-100 border border-gray-300 rounded-full py-2 px-4 mr-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
</div>
</div>
</div>
);
};
export default AnonymousChatUI;
大佬你好,我想问一下为啥我不在国内的服务器上面部署只有,只有开启了服务器这个科学上网节点才可以正常访问到这个项目,而其他节点都不可以
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.