Skip to content
这一页

导出

更新时间:

目前鸿图支持导出为 Javascript

注意

本章节需要了解 Javascript 语言以及 Nodejs

导出“你好世界”

点击工具栏的导出按钮,即可导出一个压缩包至下载目录

由于你好世界鸿图没有任何依赖,所以压缩包里面只有一个 index.js 文件,其内容为:

js
// 鸿图自动生成

console.log("你好");

运行

导出的 Javascript 可以在浏览器或者 Nodejs 环境中运行。以 Nodejs 为例,解压后在当前目录下执行:

js
node .

就可以在命令行输出看到你好

一个复杂的例子

我们试着绘制一个稍微复杂一点的鸿图:

导出的代码如下:

js
// 鸿图自动生成

console.log("你好");
setInterval(() => {
  if ((((0 + 0) == 0) && ((2 / 1) > 0))) {
    for (let i = 0;i <= 2; ++i) {
      console.log("你好");
    }
  }
}, 3 * 1000);

依赖

如果鸿图中的节点依赖第三方库,在导出的压缩包里面会额外生成 package.json,运行前,需要先使用 npm install 命令安装依赖。下面以物联网里面监听设备状态的节点为例。首先添加设备上线事件节点:

添加后鸿图如下:

点击工具栏的导出按钮,压缩包内容如下:

文件内容:

json
{
  "dependencies": {
    "kaihong-auth": "^1.0.0",
    "kaihong-hyper-device": "^0.0.8"
  }
}
js
// 鸿图自动生成

import { HyperDevice } from "kaihong-hyper-device";

const hyperDevice = new HyperDevice();

console.log("你好");

注意

为什么没有设备上线的代码?这是因为设备上线事件节点没有连接输入设备。如何面向设备开发将在万物互联章节展开讨论