环境:
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/http://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的嵌入部分替换:
即可成功搭建: