版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
掌握http了解https->安全了解原理:Net模塊提供一個異步AP能夠創(chuàng)建基于流的CP服務(wù)器,客戶端與服務(wù)器建立連接后,服務(wù)器可以獲得一個全雙工Socet對象,服務(wù)器可以保存Sckt對象列表,在接收某客戶端消息時,推送給其他客戶端。////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('./ ////或者通過baseURLaxios.defaults.baseURL='////axios.defaults.baseURL=前端構(gòu)造script請求指定URL(由script發(fā)出的GET請求不受同源策略限制),服務(wù)器返json數(shù)據(jù)。該函數(shù)端執(zhí)行后即可獲取數(shù)據(jù)。 CORS(CrossOriginResourceShare跨域資源共享,后端方案,解決跨域 原理:原理:cors是w3c規(guī)范,真正意義上解決跨域問題。它需要服務(wù)器對請求進行檢查并對響應(yīng)頭做相應(yīng)處理,從而允許跨域請求。響應(yīng)簡單請求:動詞為get/post/head,沒有自定義請求頭,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:對比一下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// 寫request.on('data',datarequest.on('end',(){fis.end()實戰(zhàn)一個爬蟲(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模塊提供一個異步AP能夠創(chuàng)建基于流的CP服務(wù)器,客戶端與服務(wù)器建立連接后,服務(wù)器可以獲得一個全雙工Socet對象,服務(wù)器可以保存Sckt對象列表,在接收某客戶端消息時,推送給其他客戶端。////constnet=constchatServer=net.createServer() List=[] .on('data',data=>{List.forEach(v=>{通過netnetnetlocalhostHttp原理:客戶端通過jax方式發(fā)送數(shù)據(jù)給http服務(wù)器,服務(wù)器緩存消息,其他客戶端通過輪詢方式查詢最新數(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
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年節(jié)日慶典宣傳品批量采購合同2篇
- 2025年暑期大學(xué)生兼職項目合作協(xié)議書3篇
- 2025年牙科產(chǎn)品市場營銷與推廣合同模板3篇
- 2024年中級經(jīng)濟師考試題庫實驗班
- 2025年度個人二手房購房合同范本及裝修款項分期支付協(xié)議2篇
- CEEM《全球智庫半月談》總第295期
- 銀山路施工方案審查
- 2024年中級經(jīng)濟師考試題庫附答案【模擬題】
- 音響安裝施工方案
- 2024年中級經(jīng)濟師考試題庫含完整答案
- 新能源行業(yè)市場分析報告
- 2025年天津市政建設(shè)集團招聘筆試參考題庫含答案解析
- 巖土工程勘察.課件
- 60歲以上務(wù)工免責協(xié)議書
- 2022年7月2日江蘇事業(yè)單位統(tǒng)考《綜合知識和能力素質(zhì)》(管理崗)
- 初一英語語法練習(xí)
- 房地產(chǎn)運營管理:提升項目品質(zhì)
- 你劃我猜游戲【共159張課件】
- 專升本英語閱讀理解50篇
- 中餐烹飪技法大全
- 新型電力系統(tǒng)研究
評論
0/150
提交評論