1、网页编译器实现(支持c++、py)

ℹ️本篇导读

网页编译器的起点:本地 Express 后端 + 前端页面的最小实现(原话保留)。它的容器化续集在 Docker 组——08-docker部署网页编译器09-部署到服务器,正好是"本地跑通 → 打包上云"的完整演进线。

创建一个文件夹 里面一个html文件 和一个node.js文件夹

image-96da41cc

确保电脑上已经安装了Node.js和C++编译器(例如g++),python 我们要创建一个Node.js应用程序,例如app.js,并使用Express.js作为Web框架。

打开cmd(win+r) 切换盘符 e:

再使用cd命令打开node.js文件夹 (cd E:\备份\我的作品\Editor\node.js

使用以下命令来初始化一个新的Node.js项目: npm init 按照提示进行配置(一路回车表示默认)

安装Express.js: npm install express --save

在node.js目录下创建一个新文件app.js (此时应该有两个文件:package.json package-lock.json 一个文件夹node_modules) (别管那三个 在当前目录创建app.txt 用于编辑 而后改成.js)

在app.js中编写服务器端代码: app.js

这样后端部分就搞定了 需要在执行前端前先打开服务

在命令行输入 node app.js 显示:Server is running on port 3000 表示成功 注意该黑窗口要一直打开着

然后进行前端部分 在html中编辑: Editor.html

运行html文件即可

因为启动服务需要先开后端再开前端 就有点繁琐 可以使用bat直接完成这个操作 创建txt文件:

@echo off
chcp 65001
start cmd /k node "E:\备\我的作品\Editor\node.js\app.js"
start "" "E:\备\我的作品\Editor\Editor.html"

更改为.bat后缀

双击运行.bat文件即可

网页编译器实现


⬅️ public.zip 🏠 00-网络与项目 ➡️ Matrix-Synapse