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

特點

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

原理

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

原理很簡單，是巧妙運用了小程序 image 組件的 bindload 接口，當(dāng)圖片加載成功時會返回圖片的寬和高。也就是說一個圖片能夠返回兩個數(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é)點列表界面

自定義主題樣式界面

建設(shè)網(wǎng)站公司

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

掃碼或者網(wǎng)站建設(shè)哪家好微信搜索 miniStatus 小程序

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

相關(guān)seo網(wǎng)站優(yōu)化培訓(xùn)網(wǎng)站推廣優(yōu)化seo。

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