這篇文章給大家分享的是有關(guān)瀏覽器中如何運(yùn)行Node.js的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)專(zhuān)注于臨潭網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供臨潭營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，臨潭網(wǎng)站制作、臨潭網(wǎng)頁(yè)設(shè)計(jì)、臨潭網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)服務(wù)，打造臨潭網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供臨潭網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

一切要從收到一封郵件開(kāi)始

大早上，我收到一封郵件，StackBlitz說(shuō)正在與Next.js和Google的團(tuán)隊(duì)合作開(kāi)發(fā)一項(xiàng)新技術(shù)

• 幾年前，StackBlitz意識(shí)到網(wǎng)絡(luò)正朝著關(guān)鍵的拐點(diǎn)發(fā)展。WebAssembly和新功能API的出現(xiàn)使編寫(xiě)基于WebAssembly的操作系統(tǒng)似乎變得可能，該操作系統(tǒng)功能強(qiáng)大到可以完全在瀏覽器中運(yùn)行Node.js。我們?cè)O(shè)想了一個(gè)比本地環(huán)境更快，更安全和一致的高級(jí)開(kāi)發(fā)環(huán)境，以實(shí)現(xiàn)無(wú)縫的代碼協(xié)作而無(wú)需設(shè)置本地環(huán)境

技術(shù)名為:WebContainers

• WebContainers允許您創(chuàng)建完整的Node.js環(huán)境，這些環(huán)境可以在毫秒內(nèi)啟動(dòng)，并且一鍵即可立即聯(lián)機(jī)和鏈接共享。該環(huán)境具有VS Code強(qiáng)大的編輯經(jīng)驗(yàn)，完整的終端，npm等功能。它還可以完全在您的瀏覽器中運(yùn)行，從而帶來(lái)一些關(guān)鍵的好處：

• 比本地環(huán)境快。與yarn / npm相比，構(gòu)建速度最多可提高20％，而卷裝安裝速度則可快5倍以上。

• 瀏覽器中的Node.js調(diào)試。與Chrome DevTools的無(wú)縫集成可實(shí)現(xiàn)本機(jī)后端調(diào)試，無(wú)需安裝或擴(kuò)展。

• 默認(rèn)為安全。所有代碼執(zhí)行都發(fā)生在瀏覽器的安全沙箱中，而不是在遠(yuǎn)程VM或本地二進(jìn)制文件上。

• 同樣，這些環(huán)境不在遠(yuǎn)程服務(wù)器上運(yùn)行。而是，每個(gè)環(huán)境都完全包含在您的Web瀏覽器中。沒(méi)錯(cuò)：Node.js運(yùn)行時(shí)本身第一次在瀏覽器中本機(jī)運(yùn)行。

  從現(xiàn)在開(kāi)始，WebContainers現(xiàn)在處于公開(kāi)測(cè)試階段。當(dāng)前支持包括Next.js，GraphQL和Vanilla Node.js，我們正在與其他開(kāi)源項(xiàng)目合作以擴(kuò)展支持

為什么會(huì)有WebContainers

安全

• StackBlitz通過(guò)利用瀏覽器中數(shù)十年來(lái)的速度和安全性創(chuàng)新來(lái)解決這些問(wèn)題。StackBlitz中的所有計(jì)算都會(huì)在瀏覽器安全沙箱中立即發(fā)生，并且無(wú)法爆發(fā)到您的本地計(jì)算機(jī)上。該模型還釋放了一些關(guān)鍵的開(kāi)發(fā)和調(diào)試優(yōu)勢(shì)（在幾秒鐘內(nèi)便會(huì)提供更多優(yōu)勢(shì)）。

釋放瀏覽器的功能

• 使用Chrome DevTools無(wú)縫進(jìn)行Node.js調(diào)試

• 事實(shí)證明，瀏覽器確實(shí)非常擅長(zhǎng)調(diào)試Javascript。我知道，這令人震驚；）通過(guò)在瀏覽器中執(zhí)行Node.js，與Chrome DevTools的集成即開(kāi)即用。無(wú)需安裝，無(wú)需擴(kuò)展，僅在瀏覽器中進(jìn)行本機(jī)后端調(diào)試即可

運(yùn)行服務(wù)器,在你的瀏覽器中

• 實(shí)際上。WebContainers包含一個(gè)虛擬的TCP網(wǎng)絡(luò)堆棧，該網(wǎng)絡(luò)堆棧已映射到瀏覽器的ServiceWorker API，使您可以即時(shí)創(chuàng)建實(shí)時(shí)Node.js服務(wù)器，即使您處于脫機(jī)狀態(tài)也可以繼續(xù)工作。因?yàn)樗耆跒g覽器安全沙箱中運(yùn)行，所以服務(wù)器響應(yīng)的延遲比本地主機(jī)（?。┥?，并且可以保護(hù)您的Web服務(wù)器免受本地主機(jī)抓取攻擊

• 毫秒級(jí)啟動(dòng)時(shí)間

• 每個(gè)頁(yè)面加載時(shí)都有一個(gè)全新的環(huán)境

• 再見(jiàn)rm -rf node_modules！WebContainer的內(nèi)置npm客戶(hù)端是如此之快，以至于它在每次頁(yè)面加載時(shí)都運(yùn)行全新的安裝，從而確保您每次都能獲得一個(gè)干凈的環(huán)境。如果您的環(huán)境確實(shí)出現(xiàn)問(wèn)題，則可以像處理其他任何Web應(yīng)用程序一樣恢復(fù)到干凈的狀態(tài)：?jiǎn)螕簟八⑿隆卑粹o

• 借助StackBlitz，無(wú)論您是在火車(chē)上，在飛機(jī)上還是在雨中后座時(shí)，都可以在沒(méi)有互聯(lián)網(wǎng)連接的情況下繼續(xù)工作

使用StackBlitz新穎的計(jì)算模型，100％的代碼執(zhí)行發(fā)生在瀏覽器安全沙箱中。與本地相比，這導(dǎo)致了更快，更少限制的開(kāi)發(fā)環(huán)境，同時(shí)又提供了更高的安全性，這是非常罕見(jiàn)的組合。

• 實(shí)際上，默認(rèn)的安全狀況是如此穩(wěn)固，以至于我們的嵌入式軟件包管理器是第一個(gè)可公開(kāi)獲得的工具，可以解決五年多來(lái)未解決的Sam Saccone長(zhǎng)期未解決的npm漏洞

• 同樣，這些環(huán)境不在遠(yuǎn)程服務(wù)器上運(yùn)行。而是，每個(gè)環(huán)境都完全包含在您的Web瀏覽器中。沒(méi)錯(cuò)：Node.js運(yùn)行時(shí)本身第一次在瀏覽器中本機(jī)運(yùn)行

  寫(xiě)在最后

• WebAssembly強(qiáng)大到足以編寫(xiě)操作系統(tǒng)，但是這次WebContainers把這個(gè)技術(shù)使用方向放在了Node.js上，我覺(jué)得是有劃時(shí)代意義的

• 在我看來(lái)，這個(gè)技術(shù)在未來(lái)最主要應(yīng)用方向是，可以使世界范圍內(nèi)的軟件在以前無(wú)法運(yùn)行的地方運(yùn)行，以后電腦上可能只需要安裝一個(gè)谷歌瀏覽器

感謝各位的閱讀！關(guān)于“瀏覽器中如何運(yùn)行Node.js”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

網(wǎng)站標(biāo)題：瀏覽器中如何運(yùn)行Node.js
網(wǎng)址分享：http://www.rwnh.cn/article26/jeshcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、定制開(kāi)發(fā)、、定制網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)