課件13網(wǎng)路編程https http2websocket

HTTP觀察HTTPcurl-v////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","application/json");res.end(JSON.stringify([{name:"tom",age:20}////<script(async()=>constres=awaitaxios.get("/api/users") n(`Response:constconstimg=newImage()constexpress=require('express')constapp=express()app.use(express.static(dirname+'/'))module.exports=////constapi=require('./api') =require('./ 或者通過baseURLaxios.defaults.baseURL='!響應(yīng)簡單請求動詞為get/post/head，沒有自定義請求頭，Content-Type是application/x-www-resres.setHeader('Access-Control-Allow-Origin',////axios.defaults.baseURL=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中和/users// ', ////觀 ajax)axios.defaults.withCredentials=varvarexpress= = constapp=app.use(express.static(dirname+module.exports=({target:',changeOrigin:對比一下nginx與wck//vue.config.js//vue.config.jsmodule.exports={{disableHostCheck:true,compress:true,port:5000,:'/api/':{target:'changeOrigin:}serverserver #server_namelocation/{ indexindex.htmlindex.htm;try_files$uri$uri//index.html;}location/api X-Forwarded-For}};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:b://模擬application/x-www-form-urlencodedawaitaxios.post("/api/save"'a=1&b=3'headers:'Content-Type':'application/x-www-form-//Streampipe//Streampipe//Bufferconnectrequest//Bufferconnectrequest.on('data',data=>{size+=data.lengthconsole.log('data:',datarequest.on('end',()=>constbuffer=Buffer.concat(chunk,size)size=0// request.on('data',datarequest.on('end',(){fis.end()////constoriginRequest=constcheerio=require("cheerio");consticonv=require("iconv-functionrequest(url,{constoptions={url:url,encoding:nulloriginRequest(url,}forfor(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());}////constnet=constchatServer=net.createServer() List=[] =>{ .on('data',data=>{List.forEach(v=>{netnetlocalhostHttp<script<script<div<inputv-<buttonv-on:click="send">發(fā)送<buttonv-on:click="clear">清空<divv-for="iteminconsthost='varapp=newVue({el:'#app',data:{list:message:'omethods:send: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-constpath=constlist=['ccc',app.get('/list',(req,res){)app.post('/send',(req,res)app.post('/clear',(req,res){list.length=0npminstallsave服務(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('ausersocket.on('chatfunction(msg){console.log('chat+io.emit('chatmessage',function(){console.log('userfunction(){console.log('listeningon*:3000');<!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 plete="off"<script$(function()varsocket=e.preventDefaultsocket.emit("chatmessage",returnfalse;socket.on("chatmessage",function(msg)WebSocketoverFLashXHRPollingXHRMultipartStreamingForeverIframeJSONPopensslgenrsa-outprivatekey.pem1024#創(chuàng)建 opensslreq-new-keyprivatekey.pem-out#獲 opensslx509-req-incertrequest.csr-signkeyprivatekey.pem-#創(chuàng)建pfx文件opensslpkcs12-export- .pem-inkeyprivatekey.pem-多路復(fù)用-雪碧圖、多CDN、接口合并演示-https: http/1.x的header由于和