php websocket 弹幕,Go如何使用websocket实现弹幕功能

下面由Golang教程栏目给大家Go使用websocket实现弹幕功能的方法,希望对需要的朋友有所帮助!

a20d35c6ca3f7c8f1f990ee8750fd9bc.png

使用websocket协议,客户端发送一个消息,服务端广播到所有有效连接中。

主要思路:

1.封装*websocket.conn,用client结构表示一个客户端。

2.维持一个map[client]bool,表示有效的客户端映射,用于广播消息

3.除了处理websocket连接外,还要开启一个广播协程,监听客户端连接,断开,发弹幕事件。

主要的结构:type Client struct{

wsConnect *websocket.Conn

inChan chan []byte

outChan chan []byte

closeChan chan byte

Name string //客户的名称

Id string //客户id,唯一

mutex sync.Mutex // 对closeChan关闭上锁

IsClosed bool // 防止closeChan被关闭多次

}

type Message struct {

EventType byte `json:"type"` // 0表示用户发布消息;1表示用户进入;2表示用户退出

Name string `json:"name"` // 用户名称

Message string `json:"message"` // 消息内容

}

clients = make(map [*util.Client] bool) // 用户组映射

join = make(chan *util.Client, 10) // 用户加入通道

leave = make(chan *util.Client, 10) // 用户退出通道

message = make(chan Message, 10) // 消息通道

server端代码package main

import (

"encoding/json"

"fmt"

"github.com/gorilla/websocket"

"goGin/server/util"

"net/http"

)

var(

upgrader = websocket.Upgrader{

// 允许跨域

CheckOrigin:func(r *http.Request) bool{

return true

},

}

clients = make(map [*util.Client] bool) // 用户组映射

join = make(chan *util.Client, 10) // 用户加入通道

leave = make(chan *util.Client, 10) // 用户退出通道

message = make(chan Message, 10) // 消息通道

)

type Message struct {

EventType byte `json:"type"` // 0表示用户发布消息;1表示用户进入;2表示用户退出

Name string `json:"name"` // 用户名称

Message string `json:"message"` // 消息内容

}

func wsHandler(w http.ResponseWriter , r *http.Request){

var(

wsConn *websocket.Conn

err error

client *util.Client

data []byte

)

r.ParseForm() //返回一个map,并且赋值给r.Form

name := r.Form["name"][0]

id := r.Form["id"][0]

if wsConn , err = upgrader.Upgrade(w,r,nil); err != nil{

return

}

if client , err = util.InitConnection(wsConn); err != nil{

goto ERR

}

client.Id = id

client.Name = name

// 如果用户列表中没有该用户

if !clients[client] {

join

}

for {

if data , err = client.ReadMessage();err != nil{ //一直读消息,没有消息就阻塞

goto ERR

}

var msg Message

msg.EventType = 0

msg.Name = client.Name

msg.Message = string(data)

message

}

ERR:

leave

client.Close()

}

func broadcaster() {

for {

select {

// 消息通道中有消息则执行,否则堵塞

case msg :=

// 将数据编码成json形式,data是[]byte类型

// json.Marshal()只会编码结构体中公开的属性(即大写字母开头的属性)

data, err := json.Marshal(msg)

if err != nil {

return

}

for client := range clients {

if client.IsClosed == true {

leave

continue

}

// fmt.Println("=======the json message is", string(data)) // 转换成字符串类型便于查看

if client.WriteMessage(data) != nil {

continue //发送失败就跳过

}

}

// 有用户加入

case client :=

clients[client] = true // 将用户加入映射

// 将用户加入消息放入消息通道

var msg Message

msg.Name = client.Name

msg.EventType = 1

msg.Message = fmt.Sprintf("%s join in, there are %d preson in room", client.Name, len(clients))

message

// 有用户退出

case client :=

// 如果该用户已经被删除

if !clients[client] {

break

}

delete(clients, client) // 将用户从映射中删除

// 将用户退出消息放入消息通道

var msg Message

msg.Name = client.Name

msg.EventType = 2

msg.Message = fmt.Sprintf("%s leave, there are %d preson in room", client.Name, len(clients))

message

}

}

}

func main(){

go broadcaster()

http.HandleFunc("/ws",wsHandler)

http.ListenAndServe("0.0.0.0:7777",nil)

}

封装clientpackage util

import (

"github.com/gorilla/websocket"

"sync"

"errors"

)

type Client struct{

wsConnect *websocket.Conn

inChan chan []byte

outChan chan []byte

closeChan chan byte

Name string //客户的名称

Id string //客户id,唯一

mutex sync.Mutex // 对closeChan关闭上锁

IsClosed bool // 防止closeChan被关闭多次

}

func InitConnection(wsConn *websocket.Conn)(conn *Client ,err error){

conn = &Client{

wsConnect:wsConn,

inChan: make(chan []byte,1000),

outChan: make(chan []byte,1000),

closeChan: make(chan byte,1),

IsClosed:false,

}

// 启动读协程

go conn.readLoop();

// 启动写协程

go conn.writeLoop();

return

}

func (conn *Client)ReadMessage()(data []byte , err error){

select{

case data =

case

err = errors.New("connection is closeed")

}

return

}

func (conn *Client)WriteMessage(data []byte)(err error){

select{

case conn.outChan

case

err = errors.New("connection is closeed")

}

return

}

func (conn *Client)Close(){

// 线程安全,可多次调用

conn.wsConnect.Close()

// 利用标记,让closeChan只关闭一次

conn.mutex.Lock()

if !conn.IsClosed {

close(conn.closeChan)

conn.IsClosed = true

}

conn.mutex.Unlock()

}

func (conn *Client)readLoop(){

var(

data []byte

err error

)

for{

if _, data , err = conn.wsConnect.ReadMessage(); err != nil{

goto ERR

}

//阻塞在这里,等待inChan有空闲位置

select{

case conn.inChan

case

goto ERR

}

}

ERR:

conn.Close()

}

func (conn *Client)writeLoop(){

var(

data []byte

err error

)

for{

select{

case data=

case

goto ERR

}

if err = conn.wsConnect.WriteMessage(websocket.TextMessage , data); err != nil{

goto ERR

}

}

ERR:

conn.Close()

}

客户端代码

go websocket

var wsUri ="ws://127.0.0.1:7777/ws?name=aaa&id=112";

var output;

function init() {

output = document.getElementById("output");

testWebSocket();

}

function testWebSocket() {

websocket = new WebSocket(wsUri);

websocket.onopen = function(evt) {

onOpen(evt)

};

websocket.onclose = function(evt) {

onClose(evt)

};

websocket.onmessage = function(evt) {

onMessage(evt)

};

websocket.onerror = function(evt) {

onError(evt)

};

}

function onOpen(evt) {

writeToScreen("CONNECTED");

// doSend("WebSocket rocks");

}

function onClose(evt) {

writeToScreen("DISCONNECTED");

}

function onMessage(evt) {

writeToScreen('RESPONSE: '+ evt.data+'');

// websocket.close();

}

function onError(evt) {

writeToScreen('ERROR: '+ evt.data);

}

function doSend(message) {

// writeToScreen("SENT: " + message);

websocket.send(message);

}

function writeToScreen(message) {

var pre = document.createElement("p");

pre.style.wordWrap = "break-word";

pre.innerHTML = message;

output.appendChild(pre);

}

window.addEventListener("load", init, false);

function sendBtnClick(){

var msg = document.getElementById("input").value;

doSend(msg);

document.getElementById("input").value = '';

}

function closeBtnClick(){

websocket.close();

}

WebSocket Test

send

close

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Websocket是一种 HTML5的协议,它允许在客户端和服务器之间建立持久的连接。这个连接是双向的,因此可以通过它来实现实时的通讯。Websocket协议是一种基于事件的协议,其中,服务器可以向客户端发送消息,而客户端接收到消息之后,可以进行相应的操作。 在实现通知功能时,Websocket是一种非常方便的技术。一般来说,我们可以使用Websocket建立一个持久的连接,并将这个连接保存在服务器端。当有需要发送通知的时候,服务器端可以通过这个连接将消息发送给客户端,客户端接收到消息之后,可以通过事件处理程序来处理收到的消息。 Websocket通知功能实现有两种基本的方式:一种是客户端主动请求服务器查看是否有新的消息,另一种是服务器主动向客户端发送消息,推送新的通知。 1. 客户端主动请求方式: 在这种方式中,客户端定期向服务器发送请求,询问是否有新的通知。服务器在接收到请求之后查看是否有新的通知,如果有,就将通知信息返回给客户端,否则返回空信息。 客户端的实现: ``` // 建立Websocket连接 var ws = new WebSocket("ws://localhost:8080/"); // 每隔1秒向服务器请求是否有新的通知 setInterval(function() { ws.send("getNewNotification"); }, 1000); // 处理服务器返回的消息 ws.onmessage = function(event) { var message = event.data; if(message == "") { // 没有新的通知 } else { // 处理返回的通知信息 } } ``` 服务器端的实现: ``` // 建立Websocket服务 var server = new WebSocketServer({port: 8080}); // 当客户端连接时,记录连接 server.on('connection', function(ws) { console.log("connected"); // 处理客户端发送来的请求 ws.on('message', function(message) { if(message == "getNewNotification") { // 如果有新的通知,将通知信息发送到客户端 ws.send("newNotification"); } else { // 其他情况 } }); }); ``` 2. 服务器向客户端推送方式: 在这种方式中,服务器维护一个通知列表,当有新的通知产生时,就将通知信息发送给客户端。 客户端的实现: ``` // 建立Websocket连接 var ws = new WebSocket("ws://localhost:8080/"); // 处理服务器返回的消息 ws.onmessage = function(event) { var message = event.data; if(message == "") { // 没有新的通知 } else { // 处理返回的通知信息 } } ``` 服务器端的实现: ``` // 建立Websocket服务 var server = new WebSocketServer({port: 8080}); // 通知列表(存储一个通知数组) var notifications = []; // 将新的通知加入列表并发送给客户端 function sendNewNotification(notification) { notifications.push(notification); server.clients.forEach(function(client) { client.send(notification); }); } // 模拟新的通知产生(实际中通知可以通过其他方式产生) setInterval(function() { sendNewNotification("newNotification"); }, 1000); // 当客户端连接时,记录连接 server.on('connection', function(ws) { console.log("connected"); // 将通知列表发送给客户端 notifications.forEach(function(notification) { ws.send(notification); }); }); ``` 以上是使用Websocket实现通知功能的基本思路和代码示例。在实际应用中,我们还需要考虑如何确保通知的可靠性和安全性,如何避免通知消息漏掉等问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值