1. 程式人生 > >基於Websocket開發的仿微信聊天室

基於Websocket開發的仿微信聊天室

一、執行環境及涉及技術:
----------------------------------
* Visual Studio 2019
* SQL SERVER 2008 R2
* .Net FrameWork 4.7.2
* EF+MVC5.0
* Code First
* 日誌log4Net
* Jquery 3.4.1
* Fleck(長連線websocket)
* ToolGood.Words(敏感詞過濾演算法)
* 簡單三層結構未涉及IoC(後面專案龐大一些後,可能會用spring.net或castle搞一下)

 

二、專案開發的背景:
---------------------------------
  一開始做這個聊天室的想法很簡單,就是花幾天時間把之前學習的長連線的知識鞏固一下,結果發現做的過程中涉及的東西逐漸增多,光是配置海外伺服器的入站規則防火牆就消耗了幾天,最後用了大半個月才做完。其實也不能叫做完,只能說是初步定版V1.0,開始要去忙碌別的事情。而且現在又有了新想法,想在這個基礎上,把聊天室做成含有智慧聊天機器人的一個玩意,這是後話了。本來還想用三種方式實現webSocket,也就是Flerk、mosquitto、SignalR,介面類都寫好了,結果最後發現,Mosquitto官方提供的客戶端不支援C#的websocket,只能暫時放棄。SignalR呢,雖然能實現websocket,但是不純粹,看了很多demo對專案的前後端都要變更,暫時沒時間就算了。

  水平有限,不喜勿噴,歡迎技術指導。

三、原始碼:

----------------------------

碼雲:https://gitee.com/dissun/DisSunChat
Github:https://github.com/DisSunRestart2020/DisSunChat

四、微信掃碼演示(免費伺服器,速度較慢,請見諒):

相關推薦

基於Websocket開發仿聊天

一、執行環境及涉及技術:----------------------------------* Visual Studio 2019* SQL SERVER 2008 R2* .Net FrameWork 4.7.2* EF+MVC5.0* Code First* 日誌log4Net* Jquery 3.4.

web版仿聊天界面|h5仿電腦端案例開發

... http gen length false www. wrap 繼續 node 前幾天開發了一款手機端h5仿微信聊天,人唯有不停學習才能進步,這段時間倒騰著整理了下之前項目,又重新在原先的那版基礎上開發了一款仿微信聊天電腦端web版本,聊天頁面又重新優化了多圖預覽、

Netty Springboot仿聊天全棧實戰 從0開發到上線部署視頻教程

線程模型 win 主動 tomcat 高性能 手機端 線程 pen ade 下載地址:百度網盤下載 第1章 課程介紹本章首先讓大家徹底明白通過本課程的學習具體收獲有哪些?課程內容具體安排與學習建議,然後為大家簡單介紹課程涉及到的技術棧等。1-1 課程介紹第2章 netty介

Netty/Springboot仿聊天全棧實戰 從0開發到上線部署

推薦視訊連結 第1章 課程介紹 本章首先讓大家徹底明白通過本課程的學習具體收穫有哪些?課程內容具體安排與學習建議,然後為大家簡單介紹課程涉及到的技術棧等。 第2章 netty介紹與相關基礎知識 初識netty,學習阻塞與非阻塞,同步與非同步,理解BIO、NIO

Netty/Springboot仿聊天全棧實戰 從0開發到上線部署(完整版)

第1章 課程介紹 課程介紹 第2章 netty介紹與相關基礎知識 初識netty,學習阻塞與非阻塞,同步與非同步,理解BIO、NIO、AIO以及netty的執行緒模型 第3章 使用netty編寫第一個hello netty 伺服器 從零開始使用netty編寫伺服器,在網頁

安卓開發-最簡單快速的仿聊天實現-附贈原生表情,QQ原生表情

前言;正常實現聊天功能想必大家都使用三方的Sdk比如環信融雲集成的,但是聊天記錄的儲存只能有三天,想增加儲存時長就需要花錢,so 我只好自己想辦法實現了,這個demo是類似於留言板,並非即時通訊!只實現了表情文字圖文混排,可以通過手動重新整理實現即時通訊ok廢話少說,先看

HTML5+weui仿聊天功能、長按刪除功能

html5微信聊天 h5微信聊天界面最近由於項目需要, 就運用html5+css3+weui+jquery實現的微信聊天小案例,可發表圖像、紅包、打賞...功能, 還可以長按刪除消息。。。案例截圖如下:HTML及Js片段:<!DOCTYPE html><html lang="zh-cn"&g

HTML5仿聊天界面、朋友圈實例

很好 order 分享圖片 ext mount case 天使 inf 仿微信 這幾天使用H5開發了一個仿微信聊天前端界面,尤其微信底部編輯器那塊處理的很好,使用HTML5來開發,雖說功能效果並沒有微信那麽全,但是也相當不錯了,可以發送消息、表情,發送的消息自動回滾定位到底

基於flask開發web

window 自己 網頁 time dal -s 最近聯系人 bin in use 流程 階段一 目標:基於falsk編寫登錄頁面,獲取二維碼 解析:1:、二維碼圖片地址有個後綴字符串 2、圖片生成之前,先獲取到隨機字符串再生成二維碼 3、二維碼的圖片的來源

仿聊天介面長按彈框樣式

效果圖 背景 在公司做的專案裡面,剛好有需要用到微信聊天介面長按彈框樣式這種 UI 的。 網上找了一下,沒找到。 Android 現成的 ListPopupWindow 又不能滿足需求。 因此在非上班時間擼一個出來,供大家使用。 示例程式碼 關鍵檔案、示例程式

最簡單快速的仿聊天 demo

TestChatdemo 專案地址:PangHaHa12138/TestChatdemo  簡介:a demo for Android chat look like Weixin 最簡單快速的仿微信聊天 demo 附贈微信原生表情,qq 原生表情 更多:作者 &nbs

Android專案:仿聊天的刪除,置頂。

首先我們要重寫上下文選單方法onCreateContextMenu,從這個方法可以新增需要的條目按鈕,我們要在res/menu目錄下建議個weixin.xml檔案: <?xml version="1.0" encoding="utf-8"?> <menu

iOS開發聊天工具欄的封裝

//控制元件的初始化 -(void) addSubview { self.voiceChangeButton = [[UIButton alloc] initWithFrame:CGRectZero]; [self.voiceChangeButton setImage:[UIImage ima

iOS 即時通訊 + 仿聊天框架 + 原始碼

轉自:http://www.cnblogs.com/taoxu/p/5486417.html 即時通訊(IM),在iOS這片江湖裡面已經算是一個老者了,我這小旋風也是在很早以前巡山的時候,就知道有即時通訊這個妖怪,以前也多多少少接觸過一些,在造APP的時候用過,哎呀,

Golang程式碼蒐集-基於websocket+vue.js的簡易聊天

前言 筆者學完vue.js後,總是不斷地找個機會練練手,於是,在假期花了點時間使用websocket和vue.js,寫了一個簡單的聊天室,功能並不強大,只是實現了簡單的群聊功能,但是詳細地演示了websocket、chan、vue.js的應用,寫在這裡算是做記

基於VCamera,仿錄製短視訊

基於VCamera,Android仿微信錄製短視訊,如果喜歡請star,如果覺得有紕漏請提交issue,如果你有更好的點子可以提交pull request。 recoder4.gif 使用 1) 在build.gradle,新增wechatRecoderVideoLibr

h5移動端聊天|仿界面聊天|h5多人聊天

dde ... html5開發 技術 show scrollby anim 世界 info 今年的FIFA世界杯甚是精彩,最近興致高漲就利用HTML5開發了一個手機端仿微信界面聊天室,該h5聊天室采用750px全新伸縮flex布局,以及使用rem響應式配合fontsize

Next.js+React聊天|Next仿桌面端|next.js聊天例項

一、專案介紹 next-webchat 基於Next.js+React.js+Redux+Antd+RScroll+RLayer等技術構建的PC桌面端仿微信聊天專案。實現了訊息/表情傳送、圖片/視訊預覽、拖拽/貼上圖片傳送、紅包/朋友圈等功能。 二、技術實現 技術框架:next.js+react.js+

NideShop:基於Node.js+MySQL開發小程序商城開源啦

開源商城 微信小程序商城 node.js+mysql 高仿網易嚴選的微信小程序商城(微信小程序客戶端)界面高仿網易嚴選商城(主要是2016年wap版)測試數據采集自網易嚴選商城服務端api基於Node.js+ThinkJS+MySQL計劃添加基於Vue.js的後臺管理系統、PC版、Wap版GitH

多多客小程序(doodoo)發布 1.0,基於 node, vue 開發小程序系統

node doodoo 多多小程序開源版 API接口文件 server 環境需求 node >= 8.0 mysql 配置文件 .env # 應用配置 APP_PORT=3001 APP_HOST=http