Rumah > Artikel > hujung hadapan web > 如何用nodejs实现聊天功能

如何用nodejs实现聊天功能

一个新手asal: 2017-10-08 09:33:241689semak imbas

//html代码
     <!DOCTYPE html>    
     <html lang="en">    
     <head>    
     <meta charset="UTF-8">    
     <title></title>    
     </head>    
     <body>    
     正在热聊中:<br/>    
     <ul>    
     {{each msgs}}    
     <li>{{$value.nickname}}:{{$value.msg}}</li>    
     {{/each}}    
     </ul>    
     <form method=&#39;post&#39; action=&#39;/sendMsg&#39;>    
     昵称:<input type=&#39;text&#39; name=&#39;nickname&#39;><br/>    
     您说:<input type=&#39;text&#39; name=&#39;msg&#39;>    
     <input type=&#39;submit&#39; name=&#39;&#39; value=&#39;发送&#39;>    
     </form>    
     </body>    
     </html>    
//这是app.js的代码
&#39;use strict&#39;;
const express = require(&#39;express&#39;);
const app = express();
const router = express.Router();
const bodyParser = require(&#39;body-parser&#39;);//消息列表
let msgs = [{    
    nickname:&#39;pxzj.cn&#39;,msg:&#39;pxzj一个神奇的网站&#39;},{    
    nickname:&#39;淘宝&#39;,msg:&#39;我才是中国互联网老大&#39;}];//注册一个引擎html后缀的处理
    app.engine(&#39;html&#39;,require(&#39;express-art-template&#39;));//给art-template设置 debug:trueapp.set(&#39;view options&#39;,{    
    debug:true});router.get(&#39;/&#39;,(req,res)=>{    
    res.render(&#39;index.html&#39;,{        
    msgs:msgs   //可以简写 msgs    });//找views目录})
    .post(&#39;/sendMsg&#39;,(req,res)=>{    //接收数据    
    let formObj = req.body;    
    let nickname = formObj.nickname;   
    let msg = formObj.msg;    //加入到数组中    
    msgs.push({        
    nickname,msg    });    //响应首页    
    res.render(&#39;index.html&#39;,{        
    msgs:msgs    });})// 
    parse application/x-www-form-urlencodedapp.use(bodyParser.urlencoded({ extended: false }));// 
    parse application/jsonapp.use(bodyParser.json());//以上两个中间件为的是先挂载属性，再执行router路由
    req.bodyapp.use(router);app.listen(8888);

Atas ialah kandungan terperinci 如何用nodejs实现聊天功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Vue项目目录说明Artikel seterusnya：如何解决Safari滚动慢，横向选项卡滚动缓慢的问题

Artikel berkaitan

Lihat lagi