第三章全?；痭ode js3節(jié)網(wǎng)絡(luò)編程網(wǎng)路https http2websocket

掌握http了解https->安全了解原理：Net模塊提供一個(gè)異步AP能夠創(chuàng)建基于流的CP服務(wù)器，客戶(hù)端與服務(wù)器建立連接后，服務(wù)器可以獲得一個(gè)全雙工Socet對(duì)象，服務(wù)器可以保存Sckt對(duì)象列表，在接收某客戶(hù)端消息時(shí)，推送給其他客戶(hù)端。////constnet=constchatServer=net.createServer() List=[] .on('data',data=>{List.forEach(v=>{通 netnetlocalhostHTTP協(xié)議(25:55-////觀察HTTPcurl-vhttp////consthttp=require("http");constfs=require("fs");.createServer((req,res){const{method,url}=if(method=="GET"&&url=={fs.readFile("./index.html",(err,data)=>{res.setHeader("Content-Type","text/html");}elseif(method=="GET"&&url=={res.setHeader("Content-Type",res.end(JSON.stringify([{name:"tom",age:20}constconstimg=newImage()constresconstres=awaitaxios.get("/api/users") n(`Response://<script(async()=>constexpress=require('express')constapp=express()app.use(express.static(dirname+'/'))module.exports=////constapi=require('./api') =require('./ ////或者通過(guò)baseURLaxios.defaults.baseURL='////axios.defaults.baseURL=前端構(gòu)造script請(qǐng)求指定URL（由script發(fā)出的GET請(qǐng)求不受同源策略限制），服務(wù)器返json數(shù)據(jù)。該函數(shù)端執(zhí)行后即可獲取數(shù)據(jù)。 CORS(CrossOriginResourceShare跨域資源共享，后端方案，解決跨域 原理：原理：cors是w3c規(guī)范，真正意義上解決跨域問(wèn)題。它需要服務(wù)器對(duì)請(qǐng)求進(jìn)行檢查并對(duì)響應(yīng)頭做相應(yīng)處理，從而允許跨域請(qǐng)求。響應(yīng)簡(jiǎn)單請(qǐng)求:動(dòng)詞為get/post/head，沒(méi)有自定義請(qǐng)求頭，Content-Type是application/x-www- resres.setHeader('Access-Control-Allow-Origin', elseelseif(method=="OPTIONS"&&url=={res.writeHead(200,"Access-Control-Allow-Origin":" "Access-Control-Allow-Headers":"X-Token,Content-Type","Access-Control-Allow-Methods":"PUT"}//index.html//index.html//http-",{foo:'bar'},elseif((method=="GET"||method=="POST")&&url=="/users")如果要攜 //////預(yù)檢options中和/usersres.setHeader('Access-Control-Allow-Credentials',// ', ////觀 //ajax)axios.defaults.withCredentials=模式(89:20-varvarexpress= = -constapp=express()app.use(express.static(dirname+'/'))module.exports=({target:',changeOrigin:對(duì)比一下nginx與wck//vue.config.js//vue.config.js{disableHostCheck:true,compress:true,port:5000,:'/api/':{target:changeOrigin:}serverserver #server_namelocation/location/ indexindex.htmlindex.htm;try_files$uri$uri//index.html;}location/api};X-Real-X-Forwarded-$}application/x-www-form-<form<formaction="/api/save"<inputtype="text"name="abc"<inputtype="submit"http://elseif(method==="POST"&&url==={letreqData=[];letsize=0;req.on('data',data=>{console.log('>>>reqon',data);size+=req.on('end',function{constdata=Buffer.concat(reqData,size);console.log('data:',size,data.toString())}awaitawaitaxios.post("/api/save",{a:1,b://模擬application/x-www-form-urlencodedawaitaxios//模擬application/x-www-form-urlencodedawaitaxios.post("/api/save",'a=1&b=3',{headers:'Content-Type':'application/x-www-form-//Streampipe//Streampipe//Bufferconnectrequest.on('data',data=>{size+=data.lengthconsole.log('data:',datarequest.on('end',()=>constbuffer=Buffer.concat(chunk,size)size=0// 寫(xiě)request.on('data',datarequest.on('end',(){fis.end()實(shí)戰(zhàn)一個(gè)爬蟲(chóng)(121:20-////constoriginRequest=require("request");constcheerio=require("cheerio");consticonv=require("iconv-lite");functionrequest(url,callback)constoptionsconstoptions{url:url,encoding:nulloriginRequest(url,}for(leti=100553;i<100563;i++)consturl=`http request(url,function(err,res,body){consthtml=iconv.decode(body,"gb2312");const$=cheerio.load(html);console.log($(".title_allh1").text());}原理：Net模塊提供一個(gè)異步AP能夠創(chuàng)建基于流的CP服務(wù)器，客戶(hù)端與服務(wù)器建立連接后，服務(wù)器可以獲得一個(gè)全雙工Socet對(duì)象，服務(wù)器可以保存Sckt對(duì)象列表，在接收某客戶(hù)端消息時(shí)，推送給其他客戶(hù)端。////constnet=constchatServer=net.createServer() List=[] .on('data',data=>{List.forEach(v=>{通過(guò)netnetnetlocalhostHttp原理：客戶(hù)端通過(guò)jax方式發(fā)送數(shù)據(jù)給http服務(wù)器，服務(wù)器緩存消息，其他客戶(hù)端通過(guò)輪詢(xún)方式查詢(xún)最新數(shù)據(jù)并更新列表。<script<script<div<inputv-<buttonv-on:click="send">發(fā)送<buttonv-on:click="clear">清空<divv-for="iteminconsthost=varapp=newVue({el:'#app',data:{list:[],methods:'osend:asyncfunction()letres=awaitaxios.post(host+{message:this.list=clear:asyncfunction()letres=awaitaxios.post(host+'/clear')this.list=res.data}mounted:function{setInterval(async(){constres=awaitaxios.get(host+'/list')this.list=res.data},}constconstexpress=require('express')constapp=express()constbodyParser=require('body-parser');constpath=require('path')constlist=['ccc',(req,res)=>{res.sendFile(path.resolve('./index.happ.get('/list',(req,res){app.post(app.post('/send',(req,res){list.push(req.body.message)app.post('/clear',(req,res){list.length=0npminstall--save//服務(wù)端：//服務(wù)端：chat-varapp=varhttp=require('http').Server(app);vario=require('socket.io')(http);app.get('/',function(req,res){res.sendFile(dirname+function(socket){console.log('auserconnected');socket.on('chatmessage',function(msg){console.log('chatmessage:'+//io.emit('chatmessage',////socket.broadcast.emit('chatmessage',function(){console.log('user//<!DOCTYPE<title>Socket.IO*margin:padding:box-sizing:border-}bodyfont:13pxHelvetica,}formbackground:#000;padding:3px;position:fixed;bottom:0;width:}form{border:0;padding:10px;width:90%;margin-right:}form{width:background:rgb(130,224,255);border:none;padding:}#messageslist-style-type:none;margin:0;padding:}#messages{padding:5px}#messagesli:nth-{background:}<ul<form<input

<script $(function()varsocket={e.preventDefault();//socket.emit("chatmessage",returnfalse;socket.on("chatmessage",function(socket.on("chatmessage",function(msg)WebSocketoverFLashXHRPollingXHRMultipartStreamingForever