前言: (在NodeJs中,我们想要开启一个tcp协议的做法就是引入net内置对象: 

        const net = require('net'); ——ES6

        var net = require('net'); ——ES5)

今天,我们来实现一个

  基于TCP协议完成node服务器与telnet客户端通信的聊天程序

首先,思考我们的需求:

     1.开启多个终端页面,可在不同终端中进行用户注册,注册成功后,即开始聊天

     2.使用net开启TCP服务,net.stream的设计

具体实现界面贴图:

我们需要做的有两件事:

     1.用NodeJs搭建服务器流 ——to dev

     2.实现telnet可视化界面 ——to user

那么,我们就开始用NodeJs搭建服务器:

    • 首先思考,我们是通过TCP协议进行通信,那么选用net模块(nodejs内置)
    • 其次,我们使用net.createServer创建一个服务,createServer方法中参数为一个回调函数,符合事件驱动概念,该回调函数中的参数为connection对象,咱们就使用该对象进行net.stream数据流的传递

滤清思路后,我们开始:

const net = require('net');
// 介于目前ES2015已成新标准,所以采用ES6写法 let server = net.createServer(function (conn) {
// ...code
};

在上述代码中,我们创建了一个server服务器,接下来我们思考,我们的服务器需要对端口进行监听:

const net = require('net');
// 介于目前ES2015已成新标准,所以采用ES6写法 let server = net.createServer(function (conn) {
// ...code
}; server.listen(3000, function () {
console.log('\033[96m server listening on *:3000\033[39m');
});

监听端口号为3000,当我们启动服务器时,可以在终端中显示:

接下来我们尝试用telnet客户端连接咱们刚搭建好的服务器:(在命令行或者终端内输入 telnet 127.0.0.1 3000)

*Telnet协议是TCP/IP协议族中的一员,是Internet远程登陆服务的标准协议和主要方式

*若您不知道如何打开telnet,请阅读——<如何在windows10下开启telnet服务>

那么,我们在telnet客户端界面看到,目前没有任何显示,所以我们需要去设计一个用户使用的界面:

效果如图:

我们考虑:如何在终端上显示提示符?

connection对象上提供了write方法,可以在通过连接的客户端上显示输入内容,所以我们在server对象内部设计用户界面:

let server = net.createServer(function (conn) {
// 页面tip
conn.write(
'\n > welcome to \033[92mnode-chat\033[39m!'
+ '\n > ' + count + ' other people are connected at this time.'
+ '\n > please write your name and press enter: '
);
};

此时,重新利用终端开启telnet,此时用户界面显示如上图。

既然已经设计好用户注册界面,那么我们应该去考虑如何处理用户输入的数据,这时,我们需要通过connection对象对输入数据注册事件:

let count = 0;
// 参数count作计算接入客户端数 let server = net.createServer(function (conn) {
count++;
// 页面tip
conn.write(
'\n > welcome to \033[92mnode-chat\033[39m!'
+ '\n > ' + count + ' other people are connected at this time.'
+ '\n > please write your name and press enter: '
); conn.on('data', function (data) {
// ... code
}
};

data参数就是用户输入的数据了,不过我们考虑,用户首先输入的应该是用户名,其次才是聊天数据,所以我们应该:

    1.用列表对用户名进行保存

    2.判断用户名是否第一次输入信息,以便重新注册

    3.判断用户输入昵称是否已存在

let count = 0;
let users = {}; let server = net.createServer(function (conn) {
count++;
let nickname; // 页面tip
conn.write(
'\n > welcome to \033[92mnode-chat\033[39m!'
+ '\n > ' + count + ' other people are connected at this time.'
+ '\n > please write your name and press enter: '
); conn.on('data', function (data) {
// 删除回车符,否则会出现空行
data = data.replace('\r\n', '');
if (!nickname) {
if (users[data]) {
conn.write('\033[93m> nickname already in use. try again:\033[39m ');
return;
} else {
nickname = data;
users[nickname] = conn;
// 将conn对象赋予用户,赋予用户可操作权限
}
} else {
// 验证用户为已注册,则输入数据data为聊天信息
for (var i in users) {
if (i != nickname) {
console.log('\033[96m > ' + nickname + ':\033[39m ' + data + '\n');
}
}
}
}
};

实现后效果:

当用户关闭客户端时,我们不想保存用户名,我们可以注册close事件:

let count = 0;
let users = {}; let server = net.createServer(function (conn) {
count++;
let nickname; // ...code
// 当其中某个用户断开连接时,需要清楚数据
conn.on('close', function () {
count--;
console.log('\033[90m > ' + nickname + ' left the room\033[39m\n');
delete users[nickname];
});
};

到目前为止,我们已经实现了整个聊天程序的功能,那么我们应该思考代码重构:

我们在用户接入与断开连接时,都写入了提示信息,那么,我们应该将提示信息抽离出来,作为一个广播函数:

let count = 0;
let users = {}; let server = net.createServer(function (conn) {
count++;
let nickname; // ...code
// 当用户退出时,进行广播通知
let broadcast = (msg, exceptMyself) => {
for (var i in users) {
if (!exceptMyself || i != nickname) {
users[i].write(msg);
}
}
}; // 监听用户行为作出处理
conn.on('data', function (data) {
// 删除回车符
data = data.replace('\r\n', '');
if (!nickname) {
if (users[data]) {
conn.write('\033[93m> nickname already in use. try again:\033[39m ');
return;
} else {
nickname = data;
// 将conn对象赋予用户,赋予用户可操作权限
users[nickname] = conn; broadcast('\033[90m > ' + nickname + ' joined the room\033[39m\n');
}
} else {
// 验证用户为已注册,则输入数据(data)为聊天信息
for (var i in users) {
if (i != nickname) {
broadcast('\033[96m > ' + nickname + ':\033[39m ' + data + '\n', true);
}
}
}
}); // 当其中某个用户断开连接时,需要清楚数据
conn.on('close', function () {
count--;
broadcast('\033[90m > ' + nickname + ' left the room\033[39m\n');
delete users[nickname];
});
};

实现广播效果:

加入:

退出(关闭客户端):

*注:处理data数据时应设置编码格式  conn.setEncoding('utf8');

至此,我们的整个聊天程序就大功告成了!

大家可以在我的github上获取源码——https://github.com/TimRChen/NodeCLI-telnet

相应操作文档——click here!

NodeJs开发的CLI——与telnet进行通信的聊天程序的更多相关文章

  1. CentOS 7快速搭建Nodejs开发环境

    Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好.学习Nodejs首先需要会安装环境.这里我介绍如 ...

  2. 《Nodejs开发加密货币》之二十七:开发通用的HTML组件

    人的懒惰常常是麻烦的开始.多数程序员都希望自己的工作一劳永逸,一次开发,到处使用,成了人人追逐的目标,我也不例外.最初写<Nodejs开发加密货币>系列文章,因为不喜欢设定好了去写,所以目 ...

  3. NodeJs 开发微信公众号(四)微信网页授权

    微信的网页授权指的是在微信公众号中访问第三方网页时获取用户地理.个人等信息的权限.对于开发了自己的网页app应用时,获取个人的信息非常重要.上篇博客讲到了注册时可以获取用户的信息,很多人会问为什么还需 ...

  4. iOS开发之使用XMPPFramework实现即时通信(三)

    你看今天是(三)对吧,前面肯定有(一)和(二),在发表完iOS开发之使用XMPPFramework实现即时通信(一)和iOS开发之使用XMPPFramework实现即时通信(二)后有好多的小伙伴加我Q ...

  5. iOS开发之使用XMPPFramework实现即时通信(二)

    上篇的博客iOS开发之使用XMPPFramework实现即时通信(一)只是本篇的引子,本篇博客就给之前的微信加上即时通讯的功能,主要是对XMPPFramework的使用.本篇博客中用到了Spark做测 ...

  6. Win7搭建NodeJs开发环境以及HelloWorld展示—图解

    Windows 7系统下搭建NodeJs开发环境(NodeJs+WebStrom)以及Hello World!展示,大体思路如下:第一步:安装NodeJs运行环境.第二步:安装WebStrom开发工具 ...

  7. ionic+nodejs开发遇到的跨域和post请求数据问题

    最近学习ionic+nodejs开发混合app中遇到了一些问题,在此总结一下. 开发环境搭建 项目地址 https://github.com/ytudt/nodejsApp 代码和问题都会在之后的学习 ...

  8. nodejs开发指南读后感

    nodejs开发指南读后感 阅读目录 使用nodejs创建http服务器; supervisor的使用及nodejs常见的调式代码命令了解; 了解Node核心模块; ejs模板引擎 Express 理 ...

  9. iOS开发多线程篇—线程间的通信

    iOS开发多线程篇—线程间的通信 一.简单说明 线程间通信:在1个进程中,线程往往不是孤立存在的,多个线程之间需要经常进行通信 线程间通信的体现 1个线程传递数据给另1个线程 在1个线程中执行完特定任 ...

随机推荐

  1. JS加载相对路径脚本的方法 - 汇总

    js加载脚本的方式有很多,但是各有各的用途. 最近公司https项目改造,对于资源文件这一块,也是遇到一些问题,现在就来总结一下,怎样改造https的脚本吧~! 方法1.借助服务端语言如PHP,输入当 ...

  2. 在windows下运行spark

    1.下载spark:spark-2.0.0-bin-hadoop2.7.tgz 2.解压至D:\bigdata\spark-2.0.0-bin-hadoop2.7 3.配置环境变量 HADOOP_HO ...

  3. Ubuntu16.04安装GTK3主题:OSX-Arc

    Ubuntu16.04安装GTK3主题:OSX-Arc GTK3主题:OSX-Arc描述: 前几个月,Gnome3.20升3.22的时候,出现了大量主题崩溃的现象,其中包括Arc.Flatabulou ...

  4. iOS之内存分析

    静态内存分析(Product->Analyze) 静态内存分析是不运行程序,直接对代码进行分析. 但是没有真正分配内存,根据代码的上下文的语法结构,来分析是否有内存泄露 缺点:不一定准确,但是如 ...

  5. spring MVC cors跨域实现源码解析

    # spring MVC cors跨域实现源码解析 > 名词解释:跨域资源共享(Cross-Origin Resource Sharing) 简单说就是只要协议.IP.http方法任意一个不同就 ...

  6. 用 Lua 实现一个微型虚拟机-基本篇

    用 Lua 实现一个微型虚拟机-基本篇 目录 介绍 机器指令模拟 最终核心代码 虚拟机内部状态可视化 完整项目代码 后续计划 参考 介绍 在网上看到一篇文章 使用 C 语言实现一个虚拟机, 这里是他的 ...

  7. HDU 3785 寻找大富翁

    寻找大富翁 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...

  8. orcale 之 SQL 语言基础

    SQL 全称是结构化查询语句(Structure Query Language),是数据库操作的国际化语言,对所有的数据库产品都要支持. SQL 语言的分类 我们按照其功能可以大致分为四类: 数据定义 ...

  9. Unity与Android间的交互

    1.打开Android Studio,命名并自动生成包名 2.点击Next,设置最小支持的SDK 3.点击Next,选择Empty Activity 4.点击Next,默认就行不用管 5.Finish ...

  10. Python 接口测试(三)

    四:python接口之http请求 python的强大之处在于提供了很多的标准库以及第三库,本文介绍urllib 和第三库的requests. Urllib 定义了很多函数和类,这些函数和类能够帮助我 ...