브라우저에서 로컬로 Node.js를 실행하는 방법에 대한 간략한 설명

이 글에서는 Node.js를 브라우저에서 로컬로 실행하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

【추천 학습: "nodejs tutorial"】

모든 것은 이메일을 받는 것에서 시작됩니다

이른 아침에 이메일을 받았는데 StackBlitz가 Next.js로 작업하고 있다고 하더군요. Google 팀은 새로운 기술을 위해 협력합니다

• 몇 년 전 StackBlitz는 웹이 중요한 변곡점을 향해 가고 있다는 것을 깨달았습니다. WebAssembly와 새로운 기능적 API의 출현으로 브라우저에서 Node.js를 완전히 실행할 수 있을 만큼 강력한 WebAssembly 기반 운영 체제를 작성하는 것이 가능해 보입니다. 우리는 로컬 환경을 설정할 필요 없이 원활한 코드 협업이 가능하도록 로컬 환경보다 더 빠르고 안전하며 일관된 프리미엄 개발 환경을 구상했습니다. StackBlitz意识到网络正朝着关键的拐点发展。WebAssembly和新功能API的出现使编写基于WebAssembly的操作系统似乎变得可能，该操作系统功能强大到可以完全在浏览器中运行Node.js。我们设想了一个比本地环境更快，更安全和一致的高级开发环境，以实现无缝的代码协作而无需设置本地环境

技术名为:WebContainers

• WebContainers允许您创建完整的Node.js环境，这些环境可以在毫秒内启动，并且一键即可立即联机和链接共享。该环境具有VS Code强大的编辑经验，完整的终端，npm等功能。它还可以完全在您的浏览器中运行，从而带来一些关键的好处：
• 比本地环境快。与yarn / npm相比，构建速度最多可提高20％，而卷装安装速度则可快5倍以上。
• 浏览器中的Node.js调试。与Chrome DevTools的无缝集成可实现本机后端调试，无需安装或扩展。
• 默认为安全。所有代码执行都发生在浏览器的安全沙箱中，而不是在远程VM或本地二进制文件上。

• 同样，这些环境不在远程服务器上运行。而是，每个环境都完全包含在您的Web浏览器中。没错：Node.js运行时本身第一次在浏览器中本机运行。

  从现在开始，WebContainers现在处于公开测试阶段。当前支持包括Next.js，GraphQL和Vanilla Node.js，我们正在与其他开源项目合作以扩展支持

为什么会有WebContainers

기술 이름: WebContainers

• WebContainers를 사용하면 밀리초 내에 즉시 온라인으로 실행되고 클릭 한 번으로 링크를 공유할 수 있는 완전한 Node.js 환경을 만들 수 있습니다. 이 환경에는 VS Code의 강력한 편집 환경, 완전한 터미널, npm 및 기타 기능이 있습니다. 또한 브라우저 내에서 완전히 실행되므로 몇 가지 주요 이점을 얻을 수 있습니다.

기본 환경보다 빠릅니다. Yarn/npm에 비해 빌드가 최대 20% 더 빠르고 롤 설치가 5배 이상 빠릅니다.

Node.js를 브라우저에서 디버깅합니다. Chrome DevTools와의 원활한 통합으로 기본 백엔드 디버깅이 가능하며 설치나 확장이 필요하지 않습니다.

기본적으로 안전합니다. 모든 코드 실행은 원격 VM이나 로컬 바이너리가 아닌 브라우저의 보안 샌드박스 내에서 발생합니다.

• 다시 말하지만 이러한 환경은 원격 서버에서 실행되지 않습니다. 대신 각 환경은 웹 브라우저 내에 완전히 포함됩니다. 맞습니다. 처음으로 Node.js 런타임 자체가 브라우저에서 기본적으로 실행됩니다.
  이제부터 WebContainers는 공개 베타 버전이 됩니다. 현재 지원에는 Next.js, GraphQL 및 Vanilla Node.js가 포함되며 지원을 확대하기 위해 다른 오픈 소스 프로젝트와 협력하고 있습니다. 브라우저 이러한 문제를 해결하기 위해 수십 년간의 속도와 보안 혁신이 사용되었습니다. StackBlitz의 모든 계산은 브라우저 보안 샌드박스 내에서 즉시 발생하며 로컬 컴퓨터로 확장될 수 없습니다. 또한 이 모델은 몇 가지 주요 개발 및 디버깅 이점을 제공합니다(더 많은 기능을 몇 초 안에 사용할 수 있음).

브라우저의 강력한 기능을 활용하세요

Chrome DevTools를 사용한 원활한 Node.js 디버깅

• 브라우저가 Javascript 디버깅에 정말 능숙하다는 것이 밝혀졌습니다. 충격적이네요 ;) Chrome DevTools와의 통합은 브라우저에서 Node.js를 실행하여 즉시 작동합니다. 설치나 확장이 필요 없으며 브라우저에서 기본 백엔드 디버깅만 가능합니다.

• 🎜🎜문자 그대로 브라우저에서 서버를 실행하세요 🎜🎜🎜. WebContainer에는 브라우저의 ServiceWorker API에 매핑되는 가상 TCP 네트워크 스택이 포함되어 있어 실시간 Node.js 서버를 생성하고 오프라인에서도 계속 작업할 수 있습니다. 브라우저 보안 샌드박스 내에서 완전히 실행되기 때문에 서버는 localhost(!)보다 짧은 대기 시간으로 응답하고 localhost 스크래핑 공격으로부터 웹 서버를 보호합니다. 🎜🎜밀리초 시작 시간🎜🎜🎜매 페이지가 로드될 때마다 새로운 환경이 제공됩니다 🎜
  • 안녕 rm -rf node_modules! WebContainer에 내장된 npm 클라이언트는 매우 빠르기 때문에 페이지가 로드될 때마다 새로 설치를 실행하므로 매번 깨끗한 환경을 얻을 수 있습니다. 환경에 문제가 발생하면 다른 웹 애플리케이션과 마찬가지로 깨끗한 상태로 되돌릴 수 있습니다. 새로 고침 버튼을 클릭하세요.
• StackBlitz를 사용하면 기차에 있든 없든 상관이 없습니다. 비행기, 비오는 날 뒷좌석에 있어도 인터넷 연결 없이 계속 작업하세요

StackBlitz의 새로운 컴퓨팅 모델을 사용하면 코드 실행이 100% 브라우저 보안 샌드박스에서 발생합니다. 그 결과 온프레미스에 비해 더 빠르고 덜 제한적인 개발 환경이 제공되는 동시에 매우 드문 조합인 더 높은 보안을 제공합니다.

• 사실 기본 보안 상태가 너무 견고해서 우리의 임베디드 패키지 관리자는 Sam Saccone의 오랜 npm 문제를 해결하기 위한 최초의 공개 도구입니다. 이 문제는 5년 넘게 해결되지 않았습니다. 취약점

• 다시 말하지만, 이러한 환경은 원격 서버에서 실행되지 않습니다. 대신 각 환경은 웹 브라우저 내에 완전히 포함됩니다. 맞습니다: Node.js 런타임 자체는 처음으로 브라우저에서 기본적으로 실행됩니다.

  마지막에 작성되었습니다

• WebAssembly强大到足以编写操作系统，但是这次WebContainers把这个技术使用方向放在了Node.js, 제 생각에는 획기적인 일이라고 생각합니다
• 제 생각에는 이 기술이 가장 중요할 것입니다. 미래 응용 프로그램의 방향은 이전에는 실행할 수 없었던 전 세계의 소프트웨어를 실행할 수 있도록 하는 것입니다. 앞으로는 컴퓨터에 Google Chrome 브라우저만 설치하면 됩니다.

더 많은 프로그래밍을 위해서는- 관련 지식이 있으면 프로그래밍 비디오를 방문하세요! !

위 내용은 브라우저에서 로컬로 Node.js를 실행하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!