记得从高中上课时经常偷偷的和同学们使用qq进行聊天,那时候经常需要进行下载qq,但是当时又没有那么多的流量进行下载,这就是一个很尴尬的事情了,当时就多想要有一个可以进行线上聊天的网站呀,不用每次痛苦的进行蓝牙传送软件了,现在,我从事了IT这个行业,便想要去实现当初的那个梦想吧.毕竟,不去努力的实现梦想,你会从一个梦想家变成一个幻想家. ###技术选择 由于从事的是前端工作,界面什么的对我来说是so easy,后台部分当然是选择了node.js,经过分析呢,数据库部分选择了mongoose,很早之…

一.聊天室简单介绍 采用nodeJS设计,基于express框架,使用WebSocket编程之 socket.io机制.聊天室增加了 注册登录模块 ,并将用户个人信息和聊天记录存入数据库. 数据库采用的是mongodb , 并使用其相应mongoose对象工具来处理数据的存取. 功能主要涉及:群聊.私聊.设置个人信息.查看聊天记录.查看在线用户等 效果图: 你也可以直接来这里  查看演示 二.聊天室基本设计思路 除去上次的注册登录模块不说,本次主要就是增加了socket.io模块的设计 以及 …

其实官网文档清楚了  https://socket.io/get-started/chat/ 但是因为之前写的是nodejs+express, socket.io是后加的, 还是有小坑 服务器端: 官网代码 var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); app.get('/', function(req, res){ res.…

代码地址如下:http://www.demodashi.com/demo/12477.html 闲暇之余研究了一下 Socket.io,搭建了一个简易版的聊天室,如有不对之处还望指正,先上效果图: 首先是登录页面: 接下来就是聊天页面: Socket.IO是Node.js的一个模块,它提供通过WebSocket进行通信的一种简单方式,WebSocket协议很复杂,但是Socket.IO提供了服务器和客户端双方的组件,所以只需要一个模块就可以给应用程序加入对WebSocket的支持,而且还能支持不…

关键字:NodeJS,Express,Socket.io. OS:Windows 8.1 with update pro. 1.安装NodeJS:http://nodejs.org/. 2.初始化一个NodeJS web应用: 打开CMD窗口. 运行cmd:“mkdir myapp”,新建一个文件夹,名为myapp. 运行cmd:“cd myapp”,切换到文件夹myapp. 运行cmd:“npm init”,创建文件package.json. 3.Express入门应用: 在上面的CMD窗口运…

首发github/blog 欢迎大家评论给星 安装 首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后安装express-generator应用骨架 $ mkdir node-demo $ npm install express-generator -g //mac需要加sudo express -h $ express -h 用法: express [options] [dir] 选项: -h, --help 输出使用信息 -V, --version 输出版本号 -e,…

首先是下载包: npm install express npm install socket.io 建立文件: 服务器端代码:server.js var http=require("http"); var express=require("express"); var sio=require("socket.io"); var app=express(); app.use(express.static(__dirname+"/"…

//node var express=require('express'); var app = express(); var server = require('http').createServer(app); var io = require('socket.io')(server); app.use(express.static('public')); io.on('connection', function(socket){ socket.on('message', function(…

在上节,我们讲了如何搭建express环境,现在我们说说如何通过node.js写服务接口给前端调用 1. 首先通过MongoDB建好数据库与表格 例如,我的数据库名字为db_demo,数据库表格为goods 表goods中的数据结构如下: 'productId': {type: String}, // 商品id 'productName': String, // 商品名称 'salePrice': Number, // 商品价格 'productImage': String // 商品图片 mo…

源码地址 https://gitee.com/zyqwasd/mongdbSession 本项目的mongodb是本地的mongodb 开启方法可以百度一下 端口是默认的27017 页面效果 1. 注册登录页 2. 上传的图片 和删除数据库的数据和服务器上的图片 前端代码 因为是个小项目就用原生写了 1. 这个是login 页面一个注册模块一个登录模块 <!-- 引入axios 方便操作 --> <script src="https://cdn.jsdelivr.net/npm…