小程式如何設定資源的防盜鏈 — 隨筆小記

蘇南發表於2018-11-28

做過前端,或對小程式有些瞭解的同學都知道,小程式是沒有域名訪問概念的,訪問的路徑都是以:“/pages/index”、“/pages/my”這種方式進行頁面跳轉的。域的概念從何而來?

事情是這樣的,前段時間突然冒出個想法,大家上下班,有些人離公司比較遠,回家路上/地鐵上,可能都會比較無聊,看看新聞、聽聽音樂啥的。

但是對於IT行業的程式設計師們來說,入了IT領域就意味著,永遠有學不完的東西,經常就有看到一些人在地鐵拿著一本書在看,於是我靈機一動,想著做了個小程式,收集一些電子書,方便大家隨時隨地的閱讀,既不耽誤學習,回家的路上也不無聊,而且小程式整合在微信裡,不會給大家帶來負擔。

說幹就幹,經過幾個週末的開發和測試,慢慢的小程式成型了,也釋出上線了,是基於wepy框架開發的,坑點之前的文章已經說過了,就不再提了。主要講講後面發生的一些事。

作為技術交流,平時也加了一些群,都有一些不錯的書,工作幾年自己也弄了些存貨,這次是全部家當都拿出來了、還找了幾個測試java的後端大佬,都收集了些他們的珍藏品,因為沒有自己的伺服器,剛開始是把內容存放在阿里雲上的,但沒兩天告訴我欠費了……,

想哭,就這麼工資,怎麼經的起折騰啊,後來瞭解了一下騰訊雲,每月有些免費的流量,果然放棄了阿里雲,把東西轉移到了騰*雲。嗯,就這樣很開心的把小程式上線了,每天有事沒有看看書,覺得還是蠻方便,身邊同事也都覺得不錯,還給提了些小建議。

然而小程式放上去不到兩週,就在昨天、就在昨天、就在昨天,突然收到騰訊雲的郵件提示,cos欠費,C\A\O,什麼情況啊,我懵逼了……,想了半天,先充了幾塊錢進去……,畢竟不想自己努力構思的產品,就誕生這麼幾天就夭折了。

今天在快下班了突然想起這個事,想著趕緊看一下,發現cos的資料把我嚇哭了、真的、如果不到兩週能有這麼高的訪問量,我會很開心的,然而小程式的後臺資料是不一樣的。

previewImage與騰訊COS防盜鏈的配置問題,小程式反盜鏈referer,previewImage與騰訊COS防盜鏈的配置問題,從入門到真實專案配置,首席填坑官∙蘇南的專欄
欠費通知小程式的訪問次數

碼農書籍,一起閱讀,一起進步,前端開發,欠費通知,小程式的訪問量,從入門到真實專案配置,首席填坑官∙蘇南的專欄,
cos的訪問量

坑爹的啊,請求次數2.85w,小程式的訪問量不到1000

不用說,這是被人欺負了……,內心1W個草泥馬,在心裡奔騰,怎麼辦呢?第一時間是想到了防盜鏈,不允許指定域名以外的站點訪問你的連結。

但問題又來了,前面說過,小程式沒有域名啊~

微信小程式怎麼獲取當前頁面的url啊
微信小程式獲取路徑引數,從入門到真實專案配置,首席填坑官∙蘇南的專欄

於是在專案中,把Network皮膚的資訊看了又看,檢視Headers資訊,看到Referer這裡有一個沒見過的域名把整個頁面請求頭(後面發現的,哈哈~),百度搜尋無果,最後還是谷歌告訴我,小程式也是有個域名的,請看下圖:

七牛CDN防盜鏈開啟後,微信小程式無法載入其資源問題解決,@IT·平頭哥聯盟,七牛CDN防盜鏈開啟後,微信小程式無法載入其資源問題解決
隨便找了個請求看的network

原諒我窮,趕緊在cos上配置了這個白名單,同時也趕緊測試了一下,去掉後,是否還能訪問,以圖為示例:

小程式的域名:servicewechat.com

碼農書籍,一起閱讀,一起進步,@IT·平頭哥聯盟
趕緊在cos上配置了這個白名單 servicewechat.com

當然這個方法是不完全可靠的,比如其他小程式也是這個域名啊,還是能呼叫你的資源,有點納悶~,求大佬們指點可靠的方法。感謝!!

以上就是今天的隨筆小記,希望能幫到其他遇到同樣坑爹事情的同學, 最後分享一下做的小程式:碼農書籍

愛學習、閱讀電子書的同學可以收藏一下!

資源收集於QQ群友/網路,勿噴謝謝!

碼農書籍,一起閱讀,一起進步,用心分享 做有溫度的攻城獅,蘇南的專欄
碼農書籍,一起閱讀,一起進步

作者:蘇南 - 首席填坑官

連結:blog.csdn.net/weixin_4325…

交流:912594095、公眾號:honeyBadger8

本文原創,著作權歸作者所有。商業轉載請聯絡@IT·平頭哥聯盟獲得授權,非商業轉載請註明原連結及出處。

相關文章