勵(lì)志當(dāng)最強(qiáng)課代表的我來(lái)給大家總結(jié)總結(jié)??????

打印店/服務(wù)器開(kāi)發(fā)部署「硬核宿舍HomeLab系列」

視頻內(nèi)容:

1??工作原理??

2??UI 介紹(vue)??

3??中間件(node)???

4??路由器??

5??部署及展示結(jié)果??

視頻內(nèi)容:

1??工作原理??

這套系統(tǒng)主要由三個(gè)物理設(shè)備組成。刷了 open wrt 的路由器，通過(guò) USB 連接到一個(gè)激光打印機(jī)。

在服務(wù)器里一臺(tái)有 ban to 虛擬機(jī)上分別運(yùn)行著自己用 Vue 到 GS 和 no GS 編寫(xiě)的客戶(hù)端和中間件，以及一個(gè)叫做 cups 的打印服務(wù)。

展示一下用戶(hù)從瀏覽器 web page 中打印的原理。用戶(hù)訪(fǎng)問(wèn)到服務(wù)器上的 web server 得到網(wǎng)頁(yè)，也就是客戶(hù)端的 UI 發(fā)送表單和文件到中間件，中間件在以 App 協(xié)議和 caps 通信最后由卡普斯把文件和指令發(fā)給刷了 open wrt 的路由器進(jìn)行打印。

2??UI 介紹(vue)??

UI 部分是由 view 到 GS 框架搭建的。reactive 響應(yīng)式就是說(shuō)模型和數(shù)據(jù)的綁定是雙向的。當(dāng)頁(yè)面中的組件發(fā)生變化時(shí)，對(duì)應(yīng)代碼中的數(shù)據(jù)也會(huì)發(fā)生變化。

反之當(dāng)代碼中的數(shù)據(jù)發(fā)生變化時(shí)，對(duì)應(yīng)的頁(yè)面中的相應(yīng)的組件也會(huì)被重新渲染。

3??中間件(node)???

node 中間件部分。顧名思義，中間件的作用就是提供 API 接口、對(duì)接協(xié)議、驗(yàn)證局、過(guò)濾數(shù)據(jù)等。

4??路由器??

把 cups 裝在我的服務(wù)器上面的話(huà)，在這里就只需要裝一個(gè) non pulling 的 Printer demo 怎么說(shuō)，就是相當(dāng)于一個(gè)無(wú)緩存的打印機(jī)進(jìn)程，而不是一個(gè)服務(wù)面向的。

就是這種 disclosed server 放著一個(gè)免費(fèi)的資源，不去用花錢(qián)去買(mǎi)一個(gè)獨(dú)立的 Linux 設(shè)備部署到這個(gè)服務(wù)器上面。

5??部署及展示結(jié)果??

view 的項(xiàng)目， npm run build build 它會(huì)生成一個(gè) date 文件夾 distributionok 大家可以看到現(xiàn)在已經(jīng)有這個(gè)文件夾了，然后給它上傳到服務(wù)器上面現(xiàn)在已經(jīng)成功上傳到服務(wù)器上面，然后中間件部分直接把文件夾上傳過(guò)去就可以。