Skip to content

积木编程构建网页App

拖拽式积木编程(如Scratch)常用于编程入门,一般不生成可直接运行的App。部分扩展后的拖拽平台可以构建Arduino,或microPython的代码,使程序能在硬件上运行。而 Node-App 的不同在于,其生成的是可以直接在浏览器中运行的网页应用(Web App)。

Node-App简介

Node-App是一个基于Blockly积木编程,并在浏览器中运行的网页应用开发工具,旨在以简单直观的方式构建和发布网页应用。

用户通过积木块创建界面,并结合JavaScript代码实现交互,从而快速打造功能丰富的网页应用。

应用界面采用Bootstrap样式库构建,设置方式简单一致,初学者也能轻松掌握。可配置的小部件与网络组件让应用实现更加便捷。灵活的配置方式适用于不同层次的用户。

Node-App特别适合快速构建单页面应用,尤其是需要与网络硬件交互的应用,例如物联网设备的控制界面。

为什么要开发这个工具?

创客通常围绕着硬件“工作”,随着ESP32类开发板的流行,越来越多的创客硬件具备了网络功能。用户界面在传统的LCD、OLED、TFT显示屏之外,又添加了更灵活的网络接口。这里有一个问题,网络界面不仅需要在硬件上实现功能,还需要构建一个用户端App。这两者的实现方式有很大差异,擅长硬件编程的创客,可能不熟悉前端应用的开发。如果有一个工具能方便地创建用户端App,并简化程序的发布和访问过程,应该会有用。

Node-App正是为此而开发的,其生成的应用可直接在浏览器中运行,开发者和用户都不需要安装任何工具或客户端,只需要使用浏览器即可。

Node-App以积木块形式封装了常用的HTTP、WebSocket和MQTT客户端,可以方便地实现硬件交互。例如,一个通过 巴法云 收发消息的程序:

又或是一个与硬件无关的App,比如计算器:

Node-App的设计理念是简单、直观、代码可读。其使用的概念与方法同样适用于传统编码式网页开发。结合详细的使用文档,Node-App也可作为学习网页编程的入门工具。

链接