背景
最近在開發一個小程序，其中有一個幫助模組，內容為幫助文章列表，文章內容為網站後台編輯的富文本格式。鑑於小程式的特殊性，其對html格式的富文本支援並不友善。
剛開始有人開發了wxparse插件，後來微信提供了rich-text元件，但這兩者有一些問題。
想法
後台編輯的文章樣式經過wxparse或richtext元件顯示後，都存在一些相容性問題。如果我們將文章內容做成圖片，然後用image來下顯示應該可以達到比較理想的效果。
但沒一篇文章都找美工區設計一張圖片費時費力，修改還費勁。
如果我們後台編輯的文章能自動產生一個圖片就完美了。
方案
查詢後發現國外網站thumb.io提供了類似的服務，可以利用API介面將指定位址儲存為圖片。但是經過測試發現圖片並不清晰,而且訪問速度非常慢。然後我就自己安裝了phantomjs並進行了測試，效果比較理想。
用phantomjs儲存的百度首頁截圖
為了實現自動化，我還做了web api。透過將對應文章的網址傳送到指定的api就可以自動產生截圖（非同步方式）。具體方法就是有截圖請求的時候，將請求儲存到資料庫，然後伺服器上跑一個程式挨個執行截圖操作，截圖後修改對應請求的狀態。
-------------------------------------------- --------
API介面（{}中的內容為參數值）
使用方法：將需要截圖的網址傳遞到透過產生截圖請求接口，一段時間(建議10秒)後再透過查詢接口查詢，如果返回的code=0,status=1的時候，直接將thumb儲存到本地即可。
產生截圖請求：http://thumb.loxn.cn/?url={URL}
參數必須進行說明：URL參數必須進行urlencode，否則可能出錯
實例：http://thumb.loxn.cn/?url=http%3a%2f%2fwww.cnblogs.com%2fdragondean%2f
## 格式 code 0 成功，1 網址格式錯誤，2 網址已存在##
## task_id 任務ID，查詢狀態時需要用到（code為0或2時） key 查詢秘鑰，查詢狀態時需要用到（code為0或2# 任務 ，如果任務已存在則會回到此狀態，-1表示失敗，0表示處理中，1表示已完成
thumb 截圖位址，可直接將此圖片下載到本地（code為2且status1時）
err_msg 錯誤訊息，僅status=-1時存在
#查詢任務狀態
：http://thumb.loxn.D.
###id=##: &key={KEY} 說明：task_id和key都是生成請求時返回，必填
實例：http://thumb.loxn.C./?a=query&pask:http://thumb.loxn.C. eb8578633e5cb22377ee85641204494f
回傳：JSON
公鑰 行錯誤。
status code為0時，status=-1表示失敗，status=0表示處理中，status=1表示已完成 thumb code位元0且status為1時，截取 錯誤訊息，僅status=-1時存在 ---------------------------------- ----------------以上是用網頁截圖API介面自動產生網頁截圖的詳細內容。更多資訊請關注PHP中文網其他相關文章！
