微信公衆號文章跨域展示

幫朋友做了個整站,更新新聞的時候他用不慣我寫的後臺,老是發微信公衆號,讓我幫忙發到網站上,我覺得太麻煩了,就寫了個調用的方法。

微信公衆號自帶保護,不讓跨域訪問。
只能用http://cors-anywhere.herokuapp.com/跨域訪問接口。

http://cors-anywhere.herokuapp.com/+公衆號文章地址就可以得到文章的源代碼,加以正則匹配就可以得到文章的標題,正文。

匹配標題: /<h2 class=\"rich_media_title\" id=\"activity-name\">([\s\S]*)<\/h2>/ig
匹配正文: /js_content\">([\s\S]*?)<\/div>/ig

最後需要做的是把圖片的路徑用正則替換一下,因爲公衆號採取的是lazy-load,只有瀏覽到了纔會加載,result.replace(/data-src="/g,'src="http://img01.store.sogou.com/net/a/04/link?appid=100520029&url=')

其中替換後sogou部分的網址是加載圖片的API,不加這個的話,同樣會提示禁止站外加載圖片。

效果如下:
https://codepen.io/2bt/full/joBKJg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章