var express=require("express");

var http=require("http");

var sio=require("socket.io");

var app=express();

var server=http.createServer(app);

app.get("/", function (req,res) {

    res.sendfile(__dirname+"/index.html");

});

server.listen(1337,"127.0.0.1", function () {

    console.log("開始監(jiān)聽1337");

});

var io=sio.listen(server);

 var names=[];

io.sockets.on("connection", function (socket) {

    socket.emit("login",names);

    socket.on("login", function (name) {

        names.push(name);

        io.sockets.emit("login",names);

    });

});

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script src="/socket.io/socket.io.js"></script>

    <script>

        var socket=io.connect();

        socket.on("login", function (names) {

            var str="";

            names.forEach(function(name){

                str+="用戶"+name+"已登錄.<br/>";

            });

            document.getElementById("result").innerHTML=str;

        });

        function add(){

            socket.emit("login",document.getElementById("nickname").value);

        }

    </script>

</head>

<body>

昵稱<input type="text" id="nickname" />

<div id="result"></div>

<input type="button" onclick="add()" value="登錄" />

</body>

</html>

運(yùn)行結(jié)果:

在谷歌瀏覽器里面的登錄,可以在火狐中看到一模一樣的結(jié)果.

這是一個(gè)美妙的現(xiàn)象,也是一個(gè)讓我萬分驚喜的效果.

如此美妙的node.

您可能感興趣的文章:

相關(guān)文章

nodejs開發(fā)微博實(shí)例
本文給大家分享的是使用node.js實(shí)現(xiàn)開發(fā)微博的實(shí)例，主要是看了nodejs開發(fā)指南之后發(fā)現(xiàn)書上的代碼很多已經(jīng)不能用了，原因是express版本升級(jí)了，所以今天就嘗試著吧開發(fā)微博的實(shí)例也升下級(jí)，推薦給大家。
2015-03-03
node.js中的http.response.writeHead方法使用說明
這篇文章主要介紹了node.js中的http.response.writeHead方法使用說明,本文介紹了http.response.writeHead的方法說明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
2014-12-12
nodejs制作一個(gè)文檔同步工具自動(dòng)同步到gitee中的實(shí)現(xiàn)代碼
這篇文章主要介紹了nodejs制作一個(gè)文檔同步工具自動(dòng)同步到gitee中，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2021-12-12
node.js通過Sequelize 連接MySQL的方法
這篇文章主要介紹了node.js通過Sequelize 連接MySQL的方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-12-12
Node+Express搭建HTTPS服務(wù)的實(shí)現(xiàn)
最近開發(fā)需要搭建一個(gè)https的服務(wù),正好最近在用nodejs和express,本文章主要介紹了Node+Express搭建HTTPS服務(wù)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2023-12-12
nodejs更改項(xiàng)目端口號(hào)的方法
今天小編就為大家分享一篇nodejs更改項(xiàng)目端口號(hào)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-05-05
Node獲取pnpm安裝的包源碼及代碼路徑操作
這篇文章主要為大家介紹了Node如何獲取pnpm安裝的包源碼真實(shí)代碼路徑并操作，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
node.js學(xué)習(xí)筆記之koa框架和簡(jiǎn)單爬蟲練習(xí)
這篇文章主要介紹了node.js學(xué)習(xí)筆記之koa框架和簡(jiǎn)單爬蟲練習(xí),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
nodejs讀取圖片返回給瀏覽器顯示
這篇文章主要為大家詳細(xì)介紹了nodejs讀取圖片返回給瀏覽器顯示，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
yarn的使用與升級(jí)Node.js的方法詳解
這篇文章主要給大家介紹了關(guān)于yarn的使用與利用yarn升級(jí)Node.js的方法，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06