1. 程式人生 > 其它 >VUE對接微信公眾號文章列表資料

VUE對接微信公眾號文章列表資料

最近在使用VUE開發一個PC端展示型系統,其中新聞板塊客戶的需求是要對接他們的公眾號資料

去微信官方開發文件查找了半天,原來是真的可以直接通過微信的介面獲取到資料的!

點選放大如上圖所說,我們先要獲取access_token,才可傳送請求獲取資料,access_token是公眾號的全域性唯一介面呼叫憑據。

但是獲取access_token的前提是我們需要找到公眾號的appID和secret,這些都是可以通過登入微信公眾號檢視。

比如我的:

獲取到公眾號的appID和secret就可以通過介面傳送請求拿到access_token,並且通過access_token獲取到微信公眾號的文章列表資料啦~

不過不要以為這樣就成功了=。=

網頁裡引用微信公眾號圖片時會出現出現的"此圖片來自微信公眾平臺, 未經允許不可引用"的問題,沒想到把!~~

這個確實也是有夠噁心的,我找了很久解決這個圖片不顯示的問題,最後發現能實現的方式有兩種:

①加一行程式碼(如果無效就重新執行系統):

<meta name="referrer" content="no-referrer" />

經試驗,是沒問題的,圖片成功顯示了!!但是這也是一個隱形的大坑,比如我正在開發的系統裡有引用天地圖影像,自從加了這行程式碼,天地圖不出現並一直報錯,找了很久原因才知道就是因為這行程式碼導致天地圖請求沒有請求頭。

請看上圖,一定要了解清楚再使用,如果沒有我這種特殊情況,用這行程式碼處理圖片,問題不大,主要是簡單麻溜解決。

②使用images.weserv.nl方案:

直接在原圖連結前拼接https://images.weserv.nl/?url=

// 例如:
https://images.weserv.nl/?url=https://www.baidu.com/img.jpg

完美解決。