Nodejs搭建嵌入Blockly的服务器流程(从安装express开始)

本文介绍如何使用Node.js和Express框架快速搭建一个Blockly编辑器的服务端应用。通过安装必要的依赖包,配置Express服务并整合Blockly,实现了一个可以本地运行的简易编程环境。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

环境:

1.安装nodejs

2.安装express:

npm install express -g
npm install express-generator --save -g

新建express项目:

express BlocklyHMI

结果如下:

 

按照步骤:

cd BlocklyHMI
npm install
npm start

 打开网址:http://127.0.0.1:3000/icon-default.png?t=L892http://127.0.0.1:3000/

服务端打印: 

 

 浏览器:

 Blockly嵌入部分

下载:

链接:https://pan.baidu.com/s/1ZqCHz52XmcrlSeUyWpKlXg 
提取码:ldwh

最简单的Blockly Code 转换的示例文件夹:

双击index.html可直接运行。

嵌入

首先继续安装到BlocklyHMI:

npm install ejs

 修改app.js:

 即:(设置加载html的引擎)

var ejs = require('ejs');
...
// app.set('view engine', 'jade');
app.engine('html', ejs.__express);
app.set('view engine', 'html');

将默认的:

修改为解析html:

然后直接将blockly的嵌入部分替换:

即可成功搭建:

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值