励志当最强课代表的我来给大家总结总结👍👍👍

打印店/服务器开发部署「硬核宿舍HomeLab系列」

视频内容:

1️⃣工作原理✍️

2️⃣UI 介绍(vue)📄

3️⃣中间件(node)🏷️

4️⃣路由器📑

5️⃣部署及展示结果🔖

视频内容:

1️⃣工作原理✍️

这套系统主要由三个物理设备组成。刷了 open wrt 的路由器，通过 USB 连接到一个激光打印机。

在服务器里一台有 ban to 虚拟机上分别运行着自己用 Vue 到 GS 和 no GS 编写的客户端和中间件，以及一个叫做 cups 的打印服务。

展示一下用户从浏览器 web page 中打印的原理。用户访问到服务器上的 web server 得到网页，也就是客户端的 UI 发送表单和文件到中间件，中间件在以 App 协议和 caps 通信最后由卡普斯把文件和指令发给刷了 open wrt 的路由器进行打印。

2️⃣UI 介绍(vue)📄

UI 部分是由 view 到 GS 框架搭建的。reactive 响应式就是说模型和数据的绑定是双向的。当页面中的组件发生变化时，对应代码中的数据也会发生变化。

反之当代码中的数据发生变化时，对应的页面中的相应的组件也会被重新渲染。

3️⃣中间件(node)🏷️

node 中间件部分。顾名思义，中间件的作用就是提供 API 接口、对接协议、验证局、过滤数据等。

4️⃣路由器📑

把 cups 装在我的服务器上面的话，在这里就只需要装一个 non pulling 的 Printer demo 怎么说，就是相当于一个无缓存的打印机进程，而不是一个服务面向的。

就是这种 disclosed server 放着一个免费的资源，不去用花钱去买一个独立的 Linux 设备部署到这个服务器上面。

5️⃣部署及展示结果🔖

view 的项目， npm run build build 它会生成一个 date 文件夹 distributionok 大家可以看到现在已经有这个文件夹了，然后给它上传到服务器上面现在已经成功上传到服务器上面，然后中间件部分直接把文件夹上传过去就可以。