Eine kurze Diskussion darüber, wie Node.js lokal im Browser ausgeführt wird

In diesem Artikel erfahren Sie, wie Sie Node.js lokal im Browser ausführen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

【Empfohlenes Lernen: „nodejs-Tutorial“】

Alles beginnt mit dem Erhalt einer E-Mail

Am frühen Morgen erhielt ich eine E-Mail, in der StackBlitz sagte, dass es mit Next.js und funktioniert Teams bei Google arbeiten gemeinsam an neuen Technologien

• Vor ein paar Jahren erkannte StackBlitz, dass das Web auf einen kritischen Wendepunkt zusteuert. Das Aufkommen von WebAssembly und neuen funktionalen APIs lässt es möglich erscheinen, ein WebAssembly-basiertes Betriebssystem zu schreiben, das leistungsstark genug ist, um Node.js vollständig im Browser auszuführen. Wir haben uns eine Premium-Entwicklungsumgebung vorgestellt, die schneller, sicherer und konsistenter als lokale Umgebungen ist, um eine nahtlose Code-Zusammenarbeit zu ermöglichen, ohne dass eine lokale Umgebung eingerichtet werden muss 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

Die Technologie heißt: WebContainers

• WebContainer ermöglichen Ihnen die Erstellung vollständiger Node.js-Umgebungen, die in Millisekunden gestartet und sofort online und mit einem Klick geteilt werden können. Diese Umgebung verfügt über die leistungsstarke Bearbeitungserfahrung von VS Code, vollständige Terminal-, NPM- und andere Funktionen. Es läuft außerdem vollständig in Ihrem Browser, was einige wichtige Vorteile mit sich bringt:

Schneller als native Umgebungen. Builds sind bis zu 20 % schneller und Rolleninstallationen sind über 5x schneller im Vergleich zu Garn/NPM.

Node.js-Debugging im Browser. Die nahtlose Integration mit Chrome DevTools ermöglicht natives Backend-Debugging, keine Installation oder Erweiterung erforderlich.

Standardmäßig sicher. Die gesamte Codeausführung erfolgt innerhalb der sicheren Sandbox des Browsers, nicht auf einer Remote-VM oder einer lokalen Binärdatei.

• Auch diese Umgebungen laufen nicht auf Remote-Servern. Stattdessen ist jede Umgebung vollständig in Ihrem Webbrowser enthalten. Das ist richtig: Zum ersten Mal läuft die Node.js-Laufzeit selbst nativ im Browser.
  Ab sofort befindet sich WebContainers in der öffentlichen Betaphase. Die aktuelle Unterstützung umfasst Next.js, GraphQL und Vanilla Node.js. Wir arbeiten mit anderen Open-Source-Projekten zusammen, um die Unterstützung zu erweitern. Warum es WebContainer gibt? Browser Jahrzehntelange Geschwindigkeits- und Sicherheitsinnovationen wurden genutzt, um diese Probleme zu lösen. Sämtliche Berechnungen in StackBlitz erfolgen sofort in der Sicherheits-Sandbox des Browsers und können nicht auf Ihren lokalen Computer übertragen werden. Das Modell erschließt außerdem einige wichtige Entwicklungs- und Debugging-Vorteile (weitere sind in Sekundenschnelle verfügbar).

Entfalten Sie die Leistungsfähigkeit Ihres Browsers

Nahtloses Node.js-Debugging mit Chrome DevTools

• Es stellt sich heraus, dass Browser wirklich gut darin sind, Javascript zu debuggen. Ich weiß, schockierend ;) Die Integration mit Chrome DevTools funktioniert sofort, indem Node.js im Browser ausgeführt wird. Keine Installation, keine Erweiterungen, nur natives Backend-Debugging in Ihrem Browser

• 🎜🎜Führen Sie den Server buchstäblich in Ihrem Browser aus 🎜🎜🎜. WebContainer enthalten einen virtuellen TCP-Netzwerkstapel, der der ServiceWorker-API des Browsers zugeordnet ist, sodass Sie im Handumdrehen einen Live-Node.js-Server erstellen und auch dann weiterarbeiten können, wenn Sie offline sind. Da es vollständig in der Sicherheitssandbox des Browsers läuft, reagiert der Server mit geringerer Latenz als localhost(!) und schützt Ihren Webserver vor Localhost-Scraping-Angriffen. 🎜🎜Millisekunden-Startzeit🎜🎜🎜Jedes Mal, wenn die Seite geladen wird, entsteht eine neue Umgebung🎜
  • Auf Wiedersehen rm -rf node_modules! Der integrierte npm-Client von WebContainer ist so schnell, dass er jedes Mal, wenn die Seite geladen wird, eine Neuinstallation ausführt und so sicherstellt, dass Sie jedes Mal eine saubere Umgebung erhalten. Wenn in Ihrer Umgebung etwas schief geht, können Sie wie bei jeder anderen Webanwendung zu einem sauberen Zustand zurückkehren: Klicken Sie auf die Schaltfläche „Aktualisieren“
• Mit StackBlitz spielt es keine Rolle, ob Sie sich in einem Zug befinden, a Arbeiten Sie im Flugzeug oder im Regen weiter ohne Internetverbindung, auch wenn Sie auf dem Rücksitz sitzen

Mit dem neuartigen Rechenmodell von StackBlitz erfolgt die Codeausführung zu 100 % in der Sicherheitssandbox des Browsers. Dies führt zu einer schnelleren, weniger restriktiven Entwicklungsumgebung im Vergleich zu lokalen Umgebungen und bietet gleichzeitig mehr Sicherheit, eine sehr seltene Kombination.

• Tatsächlich ist die Standardsicherheitslage so solide, dass unser eingebetteter Paketmanager das erste öffentlich verfügbare Tool ist, das das seit über fünf Jahren ungelöste NPM-Problem von Sam Saccone behebt

• Auch diese Umgebungen werden nicht auf dem Remote-Server ausgeführt. Stattdessen ist jede Umgebung vollständig in Ihrem Webbrowser enthalten. Das ist richtig: Die Node.js-Laufzeit selbst läuft zum ersten Mal nativ im Browser

  am Ende geschrieben

• WebAssembly强大到足以编写操作系统，但是这次WebContainers把这个技术使用方向放在了Node.js, ich denke, es ist epochal
• Meiner Meinung nach wird diese Technologie die wichtigste sein Die Zukunft Die Anwendungsrichtung besteht darin, Software auf der ganzen Welt an Orten laufen zu lassen, an denen sie vorher nicht laufen konnte. In Zukunft müssen Sie möglicherweise nur einen Google Chrome-Browser auf Ihrem Computer installieren

Für weitere Programmierung. Weitere Informationen zum entsprechenden Thema finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion darüber, wie Node.js lokal im Browser ausgeführt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!