- 博客(8)
- 资源 (6)
- 收藏
- 关注
原创 VueCli3.x全栈开发-微信聊天(node/express/mongodb/vuecli3.x)
登陆,注册功能,以及后端所需要的接口等已经在上一个项目实现:微信朋友圈 1.通讯录组件AddressBook.vue 的搭建 <template> <div class="address-book"> <Header title='通讯录' btn_icon='user-plus'> ...
2019-08-30 15:53:03 367
原创 VueCli3.x全栈开发-微信朋友圈(node/express/mongodb/vuecli3.x)
1.项目演示 2.express 搭建服务器 2.1.初始化项目 $ npm int 2.2.安装自动重启工具nodemon $ npm install -g nodemon 2.3.修改package.json中的script: "scripts": { "start":"node server.js", "server":"nodemon server.js" ...
2019-08-20 21:59:46 1212
原创 06----3小时 用 websocket 实现聊天室 之实现聊天功能
服务端(app.js) //接受用户发送的信息 socket.on("sendMessage",data=>{ //把消息广播给所有人 io.emit("receiveMessage",data) }) 客户端 // 聊天功能 $('.btn-send').on('click', () => { // 获取到聊天的内容 var...
2019-08-19 23:18:10 415
原创 05----3小时 用 websocket 实现聊天室 之在聊天室里广播告诉所有人该有的消息
1.告诉有人进来了 1.1服务端(app.js) //广播告诉所有人 有人进来了 io.emit("addUser",data); 1.2客户端(index.js) // 监听添加用户的消息 socket.on('addUser', data => { // 添加一条系统消息 $('.box-bd').append(` <div class="...
2019-08-19 20:51:22 540
原创 04----3小时 用 websocket 实现聊天室 之实现简单登陆
index.js /* 1. 连接socketio服务 */ var socket = io('http://localhost:3000') var username, avatar /* 2. 登录功能 */ $('#login_avatar li').on('click', function() { $(this) .addClass('now') .sibl...
2019-08-19 18:40:31 497
原创 03----3小时 用 websocket 实现聊天室 之项目静态页面搭建
创建一个public文件夹,把所有静态资源都放进public文件夹中,如图所示 由于要使用public的静态资源,必须使用express 中的语句 // express使用静态资源 app.use(require('express').static('public')); 此时index .html <!DOCTYPE html> <html lang="en"> ...
2019-08-19 17:15:26 562
原创 02----3小时 用 websocket 实现聊天室 之项目基本配置
参考文档 socket.io 先引入 socket.io插件 npm install --save socket.io 服务端代码(app.js) //创建了http服务器 var app = require('http').createServer(); var fs = require('fs'); app.on('request',(req, res) =>{ fs...
2019-08-19 15:22:33 205
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人