在线管理是许多项目中都需要的功能。虽然可以直接编写后台代码实现管理，但这种方法效率低且复杂。npm 包 online-mgr 可以轻松地实现在线管理，本文将介绍如何使用该 npm 包。
安装
使用 npm 安装该包：
npm install online-mgr
使用
- 引入包
在你的代码中引入 online-mgr：
const onlineMgr = require("online-mgr");
- 创建服务
使用如下代码来创建一个服务：
-- -------------------- ---- ------- ----- --- - --------------------- ----- ------ - ---------------------------- ----- -- - ----------------------------- ----- --------- - ---------------------- ----- ---- - ----- ----- -- - ------------- ---------- - -- ------- -- --- ------------------- -- -- - ------------------- --------- -- ---- ----------- ---展开代码
其中，io 参数为 socket.io 的实例，__dirname 为项目根目录的绝对路径。
- 添加管理页面
在你的项目中，新建一个 HTML 文件，将以下代码复制到该文件：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------- --------------- ---- -- ---------- ------ --- ----- ---------------- ----------------------------- ------- ------ ---- --------------- ---- -- ---------- ------ --- ------- ------------------------------------ -------- ----- --------- - --- ----------- ----- ------------------------ -- ---- --- ------------------------ --------- ------- -------展开代码
其中，host 为你的服务地址。
将这个 HTML 文件放到项目的根目录下的 public/ 目录中（如果没有该目录，手动创建一个）。
- 启动服务
在终端中运行以下命令启动服务：
node app.js
在浏览器中输入 http://localhost:3000 即可访问管理页面。
选项
onlineMgr 的构造函数可以接受一些选项，如下：
const onlineMgr = new OnlineMgr({ host: "http://localhost:3000", // 服务地址 title: "Online Manager", // 页面标题 width: "100%", // 页面宽度 height: "100%", // 页面高度 hideToolbar: false, // 隐藏工具栏 });
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- ------- ----- --- - --------------------- ----- ------ - ---------------------------- ----- -- - ----------------------------- ----- --------- - ---------------------- ----- ---- - ----- ----- -- - ------------- ---------- - -- ------- -- --- ------------ ----- ---- -- - ---------------------- - ---------------------- --- ------------------ -------------------------- ------------------- -- -- - ------------------- --------- -- ---- ----------- ---展开代码
假设你创建一个名为 app.js 的文件，并且你的项目结构如下：
- app.js - public/ - index.html - static/ - onlineMgr.css - onlineMgr.js
其中，onlineMgr.css 和 onlineMgr.js 文件可以从 online-mgr 包的 node_modules/online-mgr/dist 目录下找到。
在终端中运行以下命令启动服务：
node app.js
在浏览器中输入 http://localhost:3000 即可访问管理页面。
总结
本文介绍了如何使用 npm 包 online-mgr 实现在线管理。学会了使用 online-mgr，开发者可以轻松实现在线管理功能，免去开发后台的烦恼。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e7d9381d61a3540b47
