導讀:cms教程cms教程直接通過小程序和服務器的點對點連接，數(shù)據(jù)不經過第三方中轉不要求服務器域名備案，可以直接使用 ip，甚至局域網地址看起來還挺好看的，如果不符合你的審美，可以自定義seo網站優(yōu)化培訓網站推廣優(yōu)化seo。

特點

• 直接通過小程序和服務器的點對點連接，數(shù)據(jù)不經企業(yè)網站建設過第三方中轉
• 不要求服務器域名備案，可以直接使用 ip，甚至局域網地址
• 看起來還挺好看的，如果不符合你的審美，可以自定義顯示樣式

原理

這是一個黑魔法（ hhh 開玩笑

原理很簡單，是巧妙運用了小程序 image 組件的 bindload 接口，當圖片加載成功時會返回圖片的寬和高。也就是說一個圖片能夠返回兩個數(shù)值，前后端約定好請求 API 后可以動態(tài)創(chuàng)建 image 獲取一系列數(shù)值。

注意這個接口是不要求圖片地址是備案域名，不用在小程序開發(fā)信息中報備。但是這種信息傳遞方式比較低下，只適合傳遞少量的信息，但是對這個需求來說足夠了。

但是直接傳遞大體積的二進制圖片很浪費帶寬，解決方案是后端動態(tài)生成 svg 圖片。也就是說，動態(tài)返回下面這種形式的文字信息：

<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg"></svg>

詳細的實現(xiàn)可以看這個文件

截圖給你

不是所有人都有空去打開小程序，截個圖放這里，長這樣：

節(jié)點列表界面

自定義主題樣式界面

建設網站公司

小程序二維碼和后端 github 地址

掃碼或者網站建設哪家好微信搜索 miniStatus 小程序

后端項目地址：https://github.com/axipo/mini-status

相關seo網站優(yōu)化培訓網站推廣優(yōu)化seo。

關鍵詞標簽: 微信小程序 服務器監(jiān)控