前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Koa2搭建WebSocket

Koa2搭建WebSocket

作者头像
4O4
发布2022-04-25 17:43:46
9400
发布2022-04-25 17:43:46
举报
文章被收录于专栏:404404

安装

代码语言:javascript
复制
mkdir ws
cd ws
npm i koa
npm i ws

服务端

代码语言:javascript
复制
// index.js
const Koa = require('koa');
const WebSocket = require('ws');

const app = new Koa();
const ws = new WebSocket.Server({ port: 3001 });

ws.on('connection', ws => {
  console.log('server connection');

  ws.on('message', msg => {
    console.log('server receive msg:', msg);
  });

  ws.send('Information from the server');
});

app.use(async ctx => {
  ctx.body = 'Hello Koa';
});

app.listen(3000);

运行

代码语言:javascript
复制
node index.js

访问

访问koa
访问ws
代码语言:javascript
复制
(function WebSocketTest() {
  if ("WebSocket" in window) {
    alert("您的浏览器支持 WebSocket!");

    // 打开一个 web socket
    var ws = new WebSocket("ws://127.0.0.1:3001/");

    ws.onopen = function () {
      // Web Socket 已连接上,使用 send() 方法发送数据
      ws.send("发送数据");
      alert("数据发送中...");
    };

    ws.onmessage = function (evt) {
      var received_msg = evt.data;
      alert("数据已接收..." + evt.data);
    };

    ws.onclose = function () {
      // 关闭 websocket
      alert("连接已关闭...");
    };
  }

  else {
    // 浏览器不支持 WebSocket
    alert("您的浏览器不支持 WebSocket!");
  }
})()
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装
  • 服务端
  • 运行
  • 访问
    • 访问koa
      • 访问ws
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档