Coder Social home page Coder Social logo

xyzmonday / x-im Goto Github PK

View Code? Open in Web Editor NEW
10.0 1.0 1.0 3.23 MB

springboot,websocket,Protobuf,LayIM 等构建的实时通讯项目

Java 6.50% Batchfile 0.03% JavaScript 70.82% CSS 17.85% HTML 4.81%
springboot2 netty4 websocket protobuf layim thymeleaf

x-im's Introduction

X-IM

springBoot2,websocket,Protobuf,LayIM,thymeleaf 等构建的即时通讯项目,为开发者快速打造自己的即时通讯!!!

开发模块

  • 单聊,群聊
  • LayIm实时通讯 开发这可以先通简单的单聊开始,配合doc目录下的X-IM及时通信项目开发文档-version1.0.docx 快速了解X-IM的项目的数据流程。熟悉整个流程后,读者可以根据自己的业务需求快速完成自己的实时通信!

技术栈

  • springBoot2.0.3
  • netty4.0
  • websocket
  • mybatis
  • thymeleaf

项目截图

  • 1 首页(index.html)

    我是图片

  • 2 单聊页面(chat.html)
    在chrome和360流量器中分别打开 http://localhost:8090/chat 注意同一个流量器打开算是一个用户,因为单聊页面使用session来识别用户的,所以同一个流量器里面 的多个单聊页面会共享一个session,但是能够同时与其他流量器的客户端通信 chat-chrome chat-360 可以看到两个客户端可以成功的通信!!!

  • 3 群聊页面(group.html) 在任意流量器打开多个http://localhost:8090/groupChat 发送者 接受者

  • 4 LayIm实时通讯 由于LayIm不是免费的,所以读者需要自己去LayIm官方网站**http://layim.layui.com/**申请。然后将 layim.js和layim.css分别放到目录:

    • /static/layui/lay.modules/
    • /static/layui/css/modules/layim/
      从首页中进入登录页面,可以使用已经存在的用户名和密码登录(数据库的user_account表),也可以注册新的 用户。这里分别登录张三和周八的账户: 张三 周八 同时,这里也支持离线消息。比如关闭张三,周八发送多条消息给他,然后再登录周八账户。

    周八-离线 张三-离线

后期完善

添加Spring Security OAuth2,完善用户管理模块。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.