<h2>背景</h2><p>最近發(fā)現(xiàn)了一個(gè)很好玩的開源項(xiàng)目：Check醬集索。</p><p>https://github.com/easychen/checkchan-dist</p><p>它可以通過保存cookie的方式屿愚，監(jiān)控任意網(wǎng)頁上任意元素的變化。然后通過使用Server醬或webhook的方式务荆，對這些元素的變化進(jìn)行時(shí)時(shí)提醒妆距。</p><h2><i/>部署Check醬實(shí)時(shí)監(jiān)控</h2><p>Check醬的本體是一個(gè)chrome插件，但如果只用插件的話蛹含，則只能在開機(jī)打開瀏覽器時(shí)進(jìn)行監(jiān)控毅厚。</p><p>好在官方提供了docker鏡像，于是我首先使用Docker-compose的方式將其部署在我的服務(wù)器上浦箱。</p><p><b/></p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-df5ce92fd7f819a2.jpeg" contenteditable="false" style="min-height:200px;min-width:200px;" img-data="{"format":"jpeg","size":27862,"height":513,"width":469}" class="uploaded-img" width="auto" height="auto"/>
</div><p/><p>于是吸耿，我用Check醬監(jiān)控了b站up主的更新(主要是雖然b站有動態(tài)-投稿，可以只看關(guān)注的up主更新的視頻酷窥，但等我發(fā)現(xiàn)這個(gè)功能時(shí)咽安，我已經(jīng)把2000個(gè)關(guān)注都點(diǎn)滿了。蓬推。妆棒。)，以及京東商品的價(jià)格，還有微信公眾號的更新糕珊。
</p><p>這邊借用官方的圖：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-3287d03bf920935d.jpeg" contenteditable="false" style="min-height:200px;min-width:200px;" img-data="{"format":"jpeg","size":70919,"height":711,"width":1037}" class="uploaded-img" width="auto" height="auto"/>
</div><p/><p>然后配置Server醬动分，將監(jiān)控信息發(fā)送到釘釘機(jī)器人通道： </p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-7423b6673b9ad553.jpeg" contenteditable="false" style="min-height:200px;min-width:200px;" img-data="{"format":"jpeg","size":76704,"height":953,"width":1070}" class="uploaded-img" width="auto" height="auto"/>
</div><p/><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-062389c81828b3d4.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":146269,"height":2050,"width":2372}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p/><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-70c97ee5b304d153.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":158164,"height":2248,"width":1080}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p/><p>現(xiàn)在看起來一切都很完美，但很快我就發(fā)現(xiàn)cookie是有時(shí)效的红选，所以我隔幾天就要去登錄一下澜公。這樣顯然就麻煩了。</p><h2><i/>萬物皆可Rss</h2><p>所以很快喇肋，我就發(fā)現(xiàn)了RssHub坟乾。</p><p>https://docs.rsshub.app/</p><p>https://github.com/DIYgod/RSSHub</p><p>它是一個(gè)由廣大網(wǎng)友共同編寫規(guī)則，從而可以將大多數(shù)你想要的東西（包括那些不支持rss的）都變成rss訂閱源的工具蝶防。</p><p>所以甚侣，現(xiàn)在的思路就從直接監(jiān)控網(wǎng)頁，變成了監(jiān)控rss的變化间学。（因?yàn)橐话愕膔ss閱讀器提醒不是那么及時(shí)殷费，并且我又喜歡把a(bǔ)pp都冰凍鎖起來，所以我需要一個(gè)可以在聊天軟件里提醒我的功能）</p><p>當(dāng)然低葫，由于一些不可說的原因宗兼，rsshub的官方站在大陸使用會有點(diǎn)不順暢。不過好在這依然是個(gè)開源軟件氮采，所以我們繼續(xù)用docker部署在服務(wù)器上：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-32f72ec16c74b46a.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":41393,"height":689,"width":733}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>所以當(dāng)前的架構(gòu)就是這樣：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-b683e2d98ddeceae.jpeg" img-data="{"format":"jpeg","size":14562,"height":391,"width":583}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>我把網(wǎng)頁的變化點(diǎn)做成rss發(fā)布，然后使用Check醬去監(jiān)控rss的變化染苛，一旦有變化就會通過Server醬向我的釘釘推送提醒鹊漠；同時(shí)，我使用The Old Reader去訂閱并管理我感興趣的Rss源茶行，這樣當(dāng)我的釘釘接收到提醒時(shí)躯概，我就可以用安卓的FeedMe或網(wǎng)頁端去查看更新的內(nèi)容了，并且已讀的條目也會雙向同步到The Old Reader畔师。</p><p>完美娶靡。</p><p>但。看锉。姿锭。我老婆又向我提出了一個(gè)新的需求：她也想要去查看更新。伯铣。呻此。</p><p>這個(gè)需求的麻煩點(diǎn)在于，我不想讓她的已讀動作影響到我腔寡》傧剩看似用兩個(gè)The Old Reader賬號就能解決，但這樣我就需要每次修改訂閱都要在兩個(gè)賬號同步修改，太麻煩了忿磅。糯彬。。</p><h2><i/>將監(jiān)控動態(tài)發(fā)布成Rss</h2><p>各種搜索解決方案葱她，發(fā)現(xiàn)新版Check醬剛增加了一項(xiàng)功能撩扒，可以將監(jiān)控的動態(tài)上傳、發(fā)布成Rss览效。</p><p>簡單說來就是：https://github.com/easychen/checkchan-dist/issues/39</p><p>當(dāng)正常的php網(wǎng)站部署却舀， 然后填上對應(yīng)的rss_upload.php地址：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-27c35e6d4373ee1a.jpeg" img-data="{"format":"jpeg","size":19706,"height":269,"width":963}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>然后->“動態(tài)”， 點(diǎn)擊"RSS“上傳：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-3a6799b7b8cc69bc.jpeg" img-data="{"format":"jpeg","size":12819,"height":379,"width":531}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>最后打開https://example.com/rss.php 即可：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-0d5f05b52ebf25de.jpeg" img-data="{"format":"jpeg","size":51321,"height":306,"width":597}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>rss_upload.php:</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-2bbcd54bff359300.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":21725,"height":351,"width":448}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>rss.php:</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-3e98ebdcef67f62b.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":7986,"height":161,"width":462}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>利用這個(gè)功能锤灿，我就可以把Check醬監(jiān)控的動態(tài)發(fā)布成Rss源挽拔，這樣不論給多少人訂閱都不會相互干擾了，而且監(jiān)控的條目也方便管理但校，不用多次反復(fù)添加修改了螃诅。</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-2e02d9786a807bca.jpeg" img-data="{"format":"jpeg","size":18204,"height":560,"width":583}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>但是，大家肯定發(fā)現(xiàn)了一個(gè)問題状囱，那就是Rss的上傳是要手動觸發(fā)的啊术裸。那豈不是沒有一點(diǎn)可用性？</p><p>幸好Check醬鏡像支持了NoVNC亭枷，所以我通過NoVNC連接到服務(wù)器上部署的Check醬里袭艺，打開正在被自動化程序操控的瀏覽器，按F12進(jìn)入開發(fā)者模式叨粘，在命令行中輸入：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-c76129101c68011a.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":20715,"height":82,"width":1344}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>這段js代碼猾编，就可以讓瀏覽器每隔10分鐘，自動去點(diǎn)擊一下上傳按鈕升敲。關(guān)閉NoVNC也可以生效答倡。</p><p>這下就全流程自動化了。</p><p>這是在iPhone的ReadOn軟件上的效果：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-2f8a63fd9d017e1f.jpeg" img-data="{"format":"jpeg","size":274698,"height":2208,"width":1242}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div><p>這是在安卓的FeedMe軟件上的效果：</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/6302584-446ce21fe7089fa4.jpeg" img-data="{"format":"jpeg","size":223773,"height":2248,"width":1080}" class="uploaded-img" style="min-height:200px;min-width:200px;" width="auto" height="auto"/>
</div>