欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Nodejs實現(xiàn)WebSocket代碼實例

 更新時間:2020年05月19日 15:57:07   作者:RollBack2010  
這篇文章主要介紹了Nodejs實現(xiàn)WebSocket代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

一、環(huán)境配置

  1.下載安裝nodejs https://nodejs.org/en/download/

  2.安裝完成后打開cmd命令,執(zhí)行node --version,看看是否安裝成功,如果提示沒有此命令,去配置下環(huán)境變量,正常情況下安裝后自動設(shè)置環(huán)境變量

二、配置nodejs模塊

  1.安裝express模塊

    模塊介紹:Express 是一個簡潔而靈活的 node.js Web應(yīng)用框架, 提供了一系列強大特性幫助你創(chuàng)建各種 Web 應(yīng)用,和豐富的 HTTP 工具。

  安裝方式:在項目路徑下執(zhí)行npm install express

三、HelloWord

  1.創(chuàng)建一個目錄,作為項目目錄

2.創(chuàng)建一個demo.js   

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
  server = require('http').createServer(app);//引入http訪問模式并綁定服務(wù)
  server.listen(8000);//添加訪問端口
  app.get('/', function (req, res) {
   res.send('Hello World');//當(dāng)訪問Ip:8000時,頁面即可顯示
})

  3.在項目目錄下按住shift右鍵,選擇‘在此處打開命令窗口'執(zhí)行node demo.js 未報錯即啟動成功

4.在瀏覽器訪問ip:port即可輸出

四、訪問頁面

  1.在項目路徑創(chuàng)建頁面文件夾pages,并創(chuàng)建html頁面a.html

2.在剛剛創(chuàng)建的demo.js中添加如下代碼

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
     server = require('http').createServer(app);//引入http訪問模式并綁定服務(wù)
     server.listen(8000);//添加訪問端口
     app.use('/', express.static(__dirname + '/pages'));//綁定頁面路徑,在pages下創(chuàng)建a.html頁面,可使用ip:8000/a.html訪問到
     //app.use('/', express.static(__dirname + '/pages1'));//可配置多路徑,但默認(rèn)會自上往下查找,找到后即返回,終止查找
     app.get('/', function (req, res) {
      res.send('Hello World');//當(dāng)訪問Ip:8000時,頁面即可顯示
 })

  3.重啟后訪問ip:port/a.html即可訪問到該頁面

五、引用其他js

  1.在項目根目錄創(chuàng)建include.js,內(nèi)容如下

var hello = {
  sayHello:function(name){  
       return 'hello,'+name+',this is include.js';
  }
}
module.exports=hello;

  2.在demo.js中添加

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
  include =require('./include.js'),//進入js
  server = require('http').createServer(app);//引入http訪問模式并綁定服務(wù)
  server.listen(8000);//添加訪問端口
  app.use('/', express.static(__dirname + '/pages'));//綁定頁面路徑,在pages下創(chuàng)建a.html頁面,可使用ip:8000/a.html訪問到. "__dirname"為項目路徑默認(rèn)變量
    app.get('/', function (req, res) {
   res.send(include.sayHello("demo"));
  })

六、解析請求參數(shù)

  1.在demo.js中添加后請求鏈接http://ip:port/?p1=p&p2=2

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
  url = require('url'),
  server = require('http').createServer(app);//引入http訪問模式并綁定服務(wù)
  server.listen(8000);//添加訪問端口
  app.use('/', express.static(__dirname + '/pages'));//綁定頁面路徑,在pages下創(chuàng)建a.html頁面,可使用ip:8000/a.html訪問到. "__dirname"為項目路徑默認(rèn)變量
  app.get('/', function (req, res) {
 
   // 解析 url 參數(shù)
  var params = url.parse(req.url, true).query;
  res.write("網(wǎng)站名:" + params.p2);
  res.write("\n");
  res.write("網(wǎng)站 URL:" + params.p1);
  res.end();
  })

七、發(fā)送http請求

  1.post

  在demo.js中添加如下內(nèi)容后訪問http://mykl:8000/? parameter=2

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
  url = require('url'),
  util = require('util'),
  include =require('./include.js'),
  server = require('http').createServer(app);//引入http訪問模式并綁定服務(wù)
  server.listen(8000);//添加訪問端口
  app.use('/', express.static(__dirname + '/pages'));//綁定頁面路徑,在pages下創(chuàng)建a.html頁面,可使用ip:8000/a.html訪問到. "__dirname"為項目路徑默認(rèn)變量
  //app.use('/', express.static(__dirname + '/pages1'));//可配置多路徑,但默認(rèn)會自上往下查找,找到后即返回,終止查找
  app.get('/', function (req, res) {
    // 解析 url 參數(shù)
    var params = url.parse(req.url, true).query;
    post('https://cang.mini-kaola.cn/pages/MobileWeb/getStorageDatil.htm',{cangId: params.cangid},function(data){
      res.write(data);
      res.end();
    });
  })
   
 
   
  function post(url,data,fn){
   data=data||{};
   var content=require('querystring').stringify(data);//獲得請求的參數(shù)
   var parse_u=require('url').parse(url,true);
   var isHttp=parse_u.protocol=='http:';
   var options={
      host:parse_u.hostname,
      port:parse_u.port||(isHttp?80:443),
      path:parse_u.path,
      method:'POST',
      headers:{
         'Content-Type':'application/x-www-form-urlencoded',
         'Content-Length':content.length
      }
    };
    var req = require(isHttp?'http':'https').request(options,function(res){//發(fā)送請求
     var _data='';
     res.on('data', function(chunk){
       _data += chunk;
     });
     res.on('end', function(){
        fn!=undefined && fn(_data);
      });
    });
    req.write(content);
    req.end();
  }

  2.get

  在demo.js中添加如下內(nèi)容后訪問http://mykl:8000/?parameter=2

var express = require('express'),//讓其變?yōu)閣eb模式
  app = express(),
  http=require('http'),
  url = require('url'),
  include =require('./include.js'),
  server = http.createServer(app);//引入http訪問模式并綁定服務(wù)
  server.listen(8000);//添加訪問端口
  app.use('/', express.static(__dirname + '/pages'));//綁定頁面路徑,在pages下創(chuàng)建a.html頁面,可使用ip:8000/a.html訪問到. "__dirname"為項目路徑默認(rèn)變量
  //app.use('/', express.static(__dirname + '/pages1'));//可配置多路徑,但默認(rèn)會自上往下查找,找到后即返回,終止查找
  app.get('/', function (req, res) {
    // 解析 url 參數(shù)
    var params = url.parse(req.url, true).query;
 
    //get 請求外網(wǎng) 
    http.get("http://mykl/storage/pages/MobileWeb/getStorageDatil.htm?cangId="+params.cangid,function(req1,res1){ 
      var html=''; 
      req1.on('data',function(data){ 
        html+=data; 
      }); 
      req1.on('end',function(){ 
      res.write(html);
      res.end();
      }); 
    });
     
  })

八、socket

 1.安裝socket模塊

  npm install socket.io

 2.進入上一步安裝的模塊路徑,找到socket.io.js

3.在page下創(chuàng)建一個html,并引用上面的js

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>socket</title>
</head>
<body>
  <dev id="show"/>
  <br/>
  <input type="text" id="nickname"/>昵稱<br/>
  <input type="text" id="inmsg"/>
  <input type="button" id="sendBtn" value="發(fā)送" />
  <br/>
</body>
<script src="socket.io.js"></script>
<script src="jquery-1.11.3.min.js"></script>
<script>
$(function(){
  var socket=io.connect();//與服務(wù)器進行連接
  $('#sendBtn').click(function(){
    var nickname = $('#nickname').val();
    var fatext = $('#inmsg').val();
    if(fatext!=""){
      socket.emit('famsg', nickname+"-"+new Date().toTimeString().substr(0, 8)+":"+fatext+"<br/>");
    }
  });
  socket.on('jiemsg', function(msg) {
    $("#show").append(msg);
  });
});
</script>
</html>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Nodejs關(guān)于gzip/deflate壓縮詳解

    Nodejs關(guān)于gzip/deflate壓縮詳解

    本文主要向大家介紹了nodejs中關(guān)于gzip/deflate壓縮的2種方法,分別是管道壓縮和非管道壓縮,十分詳細,并附帶示例,這里推薦給大家參考下。
    2015-03-03
  • 寶塔部署nodejs項目的實戰(zhàn)步驟

    寶塔部署nodejs項目的實戰(zhàn)步驟

    前段時間部署node項目的時候出現(xiàn)了一點問題,所以想著給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于寶塔部署nodejs項目的實戰(zhàn)步驟,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • node.js學(xué)習(xí)之事件模塊Events的使用示例

    node.js學(xué)習(xí)之事件模塊Events的使用示例

    Nodejs中不存在瀏覽器中冒泡,捕獲這些行為,Nodejs中實現(xiàn)了events這個模塊,Nodejs中大多數(shù)模塊都集成了這個模塊,所以events是Nodejs中最重要的一個模塊。這篇文章主要給大家介紹了關(guān)于node.js學(xué)習(xí)教程之事件模塊Events的相關(guān)資料,需要的朋友可以參考下。
    2017-09-09
  • 使用pm2運行node應(yīng)用的流程步驟

    使用pm2運行node應(yīng)用的流程步驟

    PM2是一個功能強大的進程管理工具,專為?Node.js?應(yīng)用設(shè)計,它提供了進程管理、日志管理、負(fù)載均衡和性能監(jiān)控等功能,幫助開發(fā)者輕松應(yīng)對生產(chǎn)環(huán)境中的各種挑戰(zhàn),本文給大家介紹了使用pm2?運行node應(yīng)用的流程步驟,需要的朋友可以參考下
    2024-03-03
  • Nodejs Express4.x開發(fā)框架隨手筆記

    Nodejs Express4.x開發(fā)框架隨手筆記

    Express: ?web application framework for?Node.js?Express 是一個簡潔、靈活的 node.js Web 應(yīng)用開發(fā)框架, 它提供一系列強大的特性,幫助你創(chuàng)建各種 Web 和移動設(shè)備應(yīng)用,本篇文章給大家介紹nodejs express4.x開發(fā)框架隨手筆記,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • Nodejs回調(diào)加超時限制兩種實現(xiàn)方法

    Nodejs回調(diào)加超時限制兩種實現(xiàn)方法

    這篇文章主要介紹了Nodejs回調(diào)加超時限制兩種實現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • require加載器實現(xiàn)原理的深入理解

    require加載器實現(xiàn)原理的深入理解

    這篇文章主要給大家介紹了關(guān)于require加載器實現(xiàn)原理的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • Node.js中的事件驅(qū)動編程詳解

    Node.js中的事件驅(qū)動編程詳解

    這篇文章主要介紹了Node.js中的事件驅(qū)動編程詳解,本文主要講解理論性知識,如什么是事件驅(qū)動編程、什么是閉包、閉包如何幫助異步編程等知識,需要的朋友可以參考下
    2014-08-08
  • 微信小程序在線客服自動回復(fù)功能(基于node)

    微信小程序在線客服自動回復(fù)功能(基于node)

    這篇文章主要介紹了微信小程序在線客服自動回復(fù)功能(基于node),由于小程序嵌套webview時需要校驗域名,因此跳轉(zhuǎn)到第三方應(yīng)用市場和Appstroe無法實現(xiàn)導(dǎo)流。那怎么辦呢,需要的朋友可以參考下
    2019-07-07
  • nodejs中轉(zhuǎn)換URL字符串與查詢字符串詳解

    nodejs中轉(zhuǎn)換URL字符串與查詢字符串詳解

    這篇文章主要介紹了nodejs中轉(zhuǎn)換URL字符串與查詢字符串詳解,需要的朋友可以參考下
    2014-11-11

最新評論