BackPage： 1 分钟为 Node.js 脚本添加无需交互的 web 界面

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 104 天前的主题，其中的信息可能已经有所发展或是发生改变。

之前命令行界面（展示状态为主）我用的是 ink，除了不方便手机上查看之外，也不能跑在比如 pm2 里。

所以花了两天搞了 BackPage，直接把 React 渲染的 HTML 通过 WebSocket 推送到浏览器端，主要是无需任何配置：

import {BackPage} from 'backpage';
import React from 'react';

const page = new BackPage();

page.render(<div>Hello BackPage!</div>);

page.guide(); // 打印 URL 等信息。

然后又花了一天上了 backpage.cloud ，同样无配置获取公网 URL：

import {BackPage, getPersistentToken} from 'backpage';

const page = new BackPage({
  token: getPersistentToken(), // 任意 UUID 均可
  name: 'awesome-project', // 同 token 可以指定不同的 name
});

还可以发送通知（甚至支持超时回调）：

import {BackPage, getPersistentToken} from 'backpage';

const page = new BackPage({
  notify: {
    // 可选配置超时后的 fallback 。
    fallback() {
      return 'https://webhook';
    },
  },
});

page.notify({
  title: '新消息',
  body: '点我否则你设置的 webhook 就会被开除！',
});

欢迎加星！

https://github.com/vilicvane/backpage

2 条回复 • 2024-01-16 02:17:06 +08:00

veightz

102 天前 via Android

好好好给你加星❤️🌚
第一眼没看明白你到底做了个啥…可能我不是目标用户？

vilic

102 天前

@veightz 太惨了，其实就是给命令行程序加了个不可交互的 web 图形界面，主要是成本低。