1fy07h 发表于 2024-8-22 17:27:56

举荐:一个开源美丽好用的网页版在线聊天项目!厉害了!


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">举荐</span>阅读:</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;">17.4K Star! 一个轻量、<span style="color: black;">靠谱</span>的UI 组件库!<span style="color: black;">美丽</span>且易用!</span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><a style="color: black;">2.9K Star!一个新一代的极简运维监控系统!轻量高性能!</a></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">大众</span>好!我是老码,专门搜罗分享<span style="color: black;">有些</span>优秀开源项目、工具软件等以及进行<span style="color: black;">有些</span>原创技术分享和干货<span style="color: black;">文案</span>分享!<span style="color: black;">爱好</span>的童鞋<span style="color: black;">能够</span>点个关注加在看,谢谢啦!</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这是一个网页版在线聊天项目,前端<span style="color: black;">运用</span>了Naive UI和Vue3,后端则是用GO语言<span style="color: black;">研发</span>。项目支持私聊和群聊,以及多种聊天<span style="color: black;">信息</span>类型,<span style="color: black;">例如</span>文本<span style="color: black;">信息</span>、代码块、群投票、<span style="color: black;">照片</span>和其他类型的文件,还支持文件下载。<span style="color: black;">另外</span>,它还支持聊天<span style="color: black;">信息</span>的撤回、删除(批量删除)、转发(逐条转发、合并转发),以及编写笔记,笔记分享等等强大的功能!个人觉得非常适合那种<span style="color: black;">不可</span><span style="color: black;">运用</span>公共聊天工具的企业<span style="color: black;">运用</span>,有兴趣的<span style="color: black;">能够</span>去开源项目<span style="color: black;">位置</span><span style="color: black;">认识</span>下,<span style="color: black;">位置</span>我放文末了,在<span style="color: black;">这儿</span><span style="color: black;">咱们</span>还是先简单<span style="color: black;">认识</span>下下吧!</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">全部</span><span style="color: black;">信息</span>界面<span style="color: black;">供给</span>了所有跟<span style="color: black;">信息</span><span style="color: black;">关联</span>的功能,<span style="color: black;">包含</span>私聊、群聊、<span style="color: black;">选取</span>私聊用户进行群聊的创建,以及<span style="color: black;">信息</span>列表对用户<span style="color: black;">关联</span>的<span style="color: black;">有些</span>操作,如移除会话、删除好友、聊天置顶等等功能</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuKfhIApsjtCUmUQdubXbwIFQdS2lx997AuPd6feWHnRibNmWZQH4oPRg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuJPYaa45RrwLicGwpzBSmRib3UzMED7AEia6wp3wDwworuzPFD0632ghcA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicu9JVYVmntJDKAYhfo4TSx9kK4GyFadmpyfglhK95jZX2QoWB5UDvNgg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通讯录页完美的展示了自己所有的好友及群聊<span style="color: black;">信息</span>以及<span style="color: black;">能够</span><span style="color: black;">按照</span>手机号码<span style="color: black;">查找</span>添加好友等等。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuibUCLyNfibQBKH1ibhTBSpx9KCSkd1uwVvwS0h1JwvxxE4ykicuPHnVAfA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicugBeN4wvNmicZv4SoUxev73JZL7mmamd06WuXsiat9iaNVx3vOMibfeun8Q/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicu3z8W0KvZTNNPqQwzAfcWJYhryk7wTFkmcQ3YQ0NscFxsY3xmNBMhfQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">还有基于markdown的笔记编写功能,<span style="color: black;">能够</span>对笔记进行<span style="color: black;">保藏</span>、共享、<span style="color: black;">一起</span>编辑、下载等等功能</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuNQ6StgSKRteUMfa64Q2yN0oXnt48LVAHr3V3cQAKCa8M33XnAlxG0g/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">个人设置页面<span style="color: black;">亦</span>是有着对<span style="color: black;">全部</span>系统丰富的设置功能</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuJsq0QqXupSsdTJt5D0XWCfz1Nib1UCrkVGRoFaK75b6OKcNHKkkib8Cg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/lvWQYp8ibHWJoOwnvSCUIrKFwt7mNxUicuPkuQRzEYVk1vm8ULiaChibexyQfnVOX3aH662v1cq6lG823vXS4b5tGQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个开源项目叫做——Lumen IM</p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">全部</span>系统<span style="color: black;">安排</span><span style="color: black;">亦</span>是非常简单的,只需要几步就<span style="color: black;">能够</span>完成</span></p><span style="color: black;"><span style="color: black;">##&nbsp;克隆项目源码包</span></span><span style="color: black;"><span style="color: black;">## 安装项目依赖扩展组件</span></span><span style="color: black;"><span style="color: black;">yarn install</span></span><span style="color: black;"><span style="color: black;"># <span style="color: black;">起步</span>本地<span style="color: black;">研发</span>环境</span></span><span style="color: black;"><span style="color: black;">yarn dev</span></span><span style="color: black;"><span style="color: black;"># <span style="color: black;">起步</span>本地<span style="color: black;">研发</span>环境桌面客户端</span></span><span style="color: black;"><span style="color: black;">yarn electron:dev</span></span><span style="color: black;"><span style="color: black;">## 生产环境构建项目</span></span><span style="color: black;"><span style="color: black;">yarn build</span></span><span style="color: black;"><span style="color: black;">## 生产环境桌面客户端打包</span></span><span style="color: black;"><span style="color: black;">yarn electron:build</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">修改env配置</p>
    <span style="color: black;"><span style="color: black;">VITE_BASE_API=http://127.0.0.1:9503</span></span><span style="color: black;"><span style="color: black;">VITE_SOCKET_API=ws://127.0.0.1:9504</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而后</span>进行nginx<span style="color: black;">关联</span>的配置</p>
    <span style="color: black;"><span style="color: black;">server {</span></span><span style="color: black;"><span style="color: black;">listen 80;</span></span><span style="color: black;"><span style="color: black;">server_name www.yourdomain.com;</span></span><span style="color: black;"><span style="color: black;">root /project-path/dist;</span></span><span style="color: black;"><span style="color: black;">index index.html;</span></span><span style="color: black;"><span style="color: black;">location / {</span></span><span style="color: black;"><span style="color: black;">try_files $uri $uri/ /index.html;</span></span><span style="color: black;"><span style="color: black;"> }</span></span><span style="color: black;"><span style="color: black;">location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|ico)$ {</span></span><span style="color: black;"><span style="color: black;">expires 7d;</span></span><span style="color: black;"><span style="color: black;"> }</span></span><span style="color: black;"><span style="color: black;">location ~ .*\.(js|css)?$ {</span></span><span style="color: black;"><span style="color: black;">expires 7d;</span></span><span style="color: black;"><span style="color: black;"> }</span></span><span style="color: black;"><span style="color: black;">}</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">后端go的<span style="color: black;">安排</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">下载源码后,<span style="color: black;">拷贝项目根目录下 config.example.yaml 文件为 config.yaml 并正确配置<span style="color: black;">关联</span>参数</span></span></p><span style="color: black;"><span style="color: black;">$ cp config.example.yaml config.yaml # 请务必正确配置<span style="color: black;">关联</span>参数</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">安装依赖包</p>
    <span style="color: black;"><span style="color: black;">$ go mod tidy</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">安装<span style="color: black;">关联</span>依赖命令行工具</span></p><span style="color: black;"><span style="color: black;">$ make install</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">初始化数据库</p>
    <span style="color: black;"><span style="color: black;">$ go run ./cmd/lumenim migrate</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">研发</span>环境下<span style="color: black;">起步</span></p>
    <span style="color: black;"><span style="color: black;"># 打开两个终端,分别运行下面两个命令</span></span><span style="color: black;"><span style="color: black;">$ go run ./cmd/lumenim http # 本地<span style="color: black;">起步</span> http 服务</span></span><span style="color: black;"><span style="color: black;">$ go run ./cmd/lumenim commet # 本地<span style="color: black;">起步</span> websocket 服务</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">编译后运行</p>
    <span style="color: black;"><span style="color: black;">$ make build # 执行编译命令</span></span><span style="color: black;"><span style="color: black;"># 执行后可在 ./bin 目录下看到 lumenim</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">总的<span style="color: black;">来讲</span>,Lumen IM是一个功能强大、易于集成、高<span style="color: black;">靠谱</span>性且可扩展性强的开源聊天系统,适用于<span style="color: black;">各样</span>需要实时通信功能的应用程序。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">开源<span style="color: black;">位置</span>:https://gitee.com/gzydong/LumenIM、https://gitee.com/gzydong/go-chat</span></p>极力<span style="color: black;">举荐</span>阅读<a style="color: black;">6.1K Star!一款多功能且用户友好的在线数据库设计工具!简单而有趣!</a><a style="color: black;"><span style="color: black;">举荐</span>:5个优秀软件!精品良心又好用!</a><a style="color: black;">1.3K Star!一个颜值逆天的个人博客系统(含聊天室)!</a>又强又美!<a style="color: black;">公众号兼职搞钱攻略,<span style="color: black;">每日</span>花很少时间就能天天变现!小白<span style="color: black;">这般</span>做就行了!</a><a style="color: black;"><span style="color: black;">举荐</span>:一个为<span style="color: black;">研发</span>人员<span style="color: black;">供给</span>的方便的在线工具集合!很全很实用!</a><a style="color: black;"><span style="color: black;">举荐</span>:3个冷门软件!很强<span style="color: black;">况且</span>免费!</a><a style="color: black;">20.8K Star!一个可视化浏览器自动化测试/数据采集/爬虫软件!强大且免费!</a><a style="color: black;">7.8K Star!一个前后端分离的企业级微服务平</a>台!功能强大!<a style="color: black;">3.6K Star!一个万能的sql分析利器!厉害炸了!</a><a style="color: black;">4.4K Star!开源可拖动式展示的酷炫大屏BI平台!<span style="color: black;">举荐</span>!</a><a style="color: black;">16.6K Star!新一代Linux服务器运维管理平台!有颜料更足!</a><a style="color: black;"><span style="color: black;">举荐</span>:一个微服务API功能和性能一体化的自动化测试平台!真香!</a>




啊呀呀 发表于 2024-9-5 15:01:18

论坛是一个舞台,让我们在这里尽情的释放自己。

1fy07h 发表于 2024-10-15 19:07:12

感谢你的精彩评论,带给我新的思考角度。

4lqedz 发表于 2024-10-24 04:20:34

感谢您的精彩评论,为我带来了新的思考角度。
页: [1]
查看完整版本: 举荐:一个开源美丽好用的网页版在线聊天项目!厉害了!