genal
V2EX  ›  Node.js

nestjs+vue+ts 打造一个酷炫的星空聊天室

  •  2
     
  •   genal · Sep 7, 2020 · 5347 views
    This topic created in 2095 days ago, the information mentioned may be changed or developed.

    项目简介

    😛 闲暇时间想做一个聊天室复盘一下这些年学习到的技术,于是就开始了阿童木聊天室的开发之旅 😈 项目采用全 typescript 开发,这是为了以后的功能迭代打基础.当然,我本身也是很喜欢 typescript 的 🧐 今后会陆续开发很多酷炫的功能,喜欢的朋友给个 star 鼓励一下我吧!

    项目界面

    2.png

    项目技术

    前端: vue + vue-router + vuex + socket.io + typescript + antd
    
    后端: nestjs + nestjs/websocket + typescript 
    

    数据库表结构设计

    3.png

    功能介绍

    • 更改用户名 /头像上传
    • 群聊 /私聊
    • 新增群 /加入群聊 /模糊搜索群
    • 添加好友 /模糊搜索好友
    • 表情包
    • 消息分页

    作者

    github: edison

    项目仓库

    github: genal-chat

    线上演示

    genal.fun

    Supplement 1  ·  Sep 10, 2020
    请输入一段有建设性意义的附言内容
    15 replies    2020-09-11 18:40:20 +08:00
    liyg04120414
        1
    liyg04120414  
       Sep 7, 2020
    sixsixsix
    chihiro2014
        2
    chihiro2014  
       Sep 7, 2020
    看起来和 fiora 很像 emmm,用的东西
    genal
        3
    genal  
    OP
       Sep 7, 2020
    @chihiro2014 是的 ui 上确实的参考 fiora 的 技术上碎碎大佬也给了一些支持
    wangqh333
        4
    wangqh333  
       Sep 7, 2020
    666
    Lenic
        5
    Lenic  
       Sep 7, 2020
    私聊消息表不要放在一起,时间长了就会膨胀的特别厉害
    jtwor
        6
    jtwor  
       Sep 7, 2020
    你听唔到我再肛,再听唔到我再肛,肛到你听到为止,都系果六个字 对唔住非凡哥
    genal
        7
    genal  
    OP
       Sep 7, 2020
    @Lenic 有什么好办法吗
    leeggco
        8
    leeggco  
       Sep 7, 2020
    SSS
    Lenic
        9
    Lenic  
       Sep 7, 2020
    @genal 看你怎么想了,有按时间拆表的,有按照人来拆表的,你决定就好
    genal
        10
    genal  
    OP
       Sep 7, 2020
    @Lenic 听起来好复杂啊 一个好友一张表很奇怪耶
    chihiro2014
        11
    chihiro2014  
       Sep 7, 2020
    @genal 根据关系建表就行= =,这种看人喜好
    Lenic
        12
    Lenic  
       Sep 7, 2020
    @genal 要是玩具就随意了,我的想法来源是:QQ 在全国有多少用户,一个用户说一句话,那这个表就多少行了?
    genal
        13
    genal  
    OP
       Sep 7, 2020
    @Lenic 确实 哈哈哈 不过 mysql 百万查询也才 1s 啊 还不到这个业务量
    genal
        14
    genal  
    OP
       Sep 8, 2020
    聊天室做了在线人数统计, 进来聊聊技术吧
    https://www.genal.fungenal.fun
    genal
        15
    genal  
    OP
       Sep 11, 2020
    聊天室做了在线人数统计, 进来聊聊技术吧
    https://www.genal.fun
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3258 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 63ms · UTC 12:38 · PVG 20:38 · LAX 05:38 · JFK 08:38
    ♥ Do have faith in what you're doing.