關於前端聊天室的簡單搭建

2021-09-25 09:25:19 字數 1200 閱讀 7185

簡介 koa [ express 超集 ]

目標:前端通訊的聊天室

● express前端框架

○ 會搭建web伺服器

○ 會打搭建應用伺服器[ api伺服器 ]

○ 改造 (架構思維改造乙個基礎專案 rmvc)

○ rmvc: r:路由 m:moudel 資料 v:view 識圖 c:controller 控制器

● node中的net模組提供的前端通訊

● h5提供的 websocket 常用於移動端

● pc端低版本瀏覽器使用的 socket.io

// 靜態伺服器

const express = require(『express』)

const path = require(『path』)

const host = 『10.31.158.20』

const port = 1437

搭建乙個靜態伺服器以後再搭建乙個 通訊伺服器

//通訊伺服器

const websocket = require(『ws』)

const ws =new websocket.server()

let count = 0

const clients = {}

ws.on(『connection』, (client) => 說: $`)

broadcaster(client, msg)

})client.on('close', () => 下線了`)

})function broadcaster(client, msg) 說: $)}}

靜態服務搭建完成

/*這個檔案是用於客戶端連線通訊伺服器

*/const url = 『ws:

const ws = new websocket(url)

ws.onopen = () =>

ws.onmessage = msg =>

在html中引入這個用於連線通訊伺服器的檔案

var submit = document.queryselector(』#submit』)

var msg = document.queryselector(』#msg』)

// submit.onclick = function ()

document.onkeyup = function (e) 

}

go簡單聊天室的搭建

與一對一的設計思路類似,就是加了個執行緒的操作。1,伺服器端宣告乙個map,並開啟監聽埠 2,客戶端開啟監聽埠,同時連入伺服器端 3,在客戶端上給自己起乙個暱稱,並輸出,同時啟動乙個執行緒 4,伺服器端接收乙個暱稱,並存入map 5,宣告乙個空的字串,並寫入要 的訊息 6,伺服器端解析傳送的訊息 m...

go簡單聊天室的搭建

與一對一的設計思路類似,就是加了個執行緒的操作。1,伺服器端宣告乙個map,並開啟監聽埠 2,客戶端開啟監聽埠,同時連入伺服器端 3,在客戶端上給自己起乙個暱稱,並輸出,同時啟動乙個執行緒 4,伺服器端接收乙個暱稱,並存入map 5,宣告乙個空的字串,並寫入要 的訊息 6,伺服器端解析傳送的訊息 m...

簡單聊天室

include include include include include include include include include include pthread t thread 2 void send msg void ip msg if connect sockfd,struct ...