網站架設 主機

解決SSL憑證在Facebook、LINE程式中,出現網站安全連線的問題

梅干 2019/01/21

梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題

  最近梅干將教學網從WordPress變成HUGO,因為HUGO出來的頁面,已是靜態的HTML,所以梅干也將Cloudfalre的CND進行網站的快取給關閉,但一關閉後,最近有網友反應到,當開啟梅問題的網頁時,會出現網站安全連線的問題,但梅干自行測試,都沒出現此問題,在不斷的請網友交叉測試後,梅干才發現到,原來是透過臉書APP,點開連結時,由臉書內嵌的瀏覽器所造成的。

  且只有Android版的臉書與LINE APP才會出現,iOS卻沒有出現此問題,所以梅干研究了好久,最後才發現到,原來問題出在於憑證問題,由於一直以來梅干都習慣使用虛擬主機,再搭配cPanel全圖形化介面的操控,讓設定更加簡單,但換成VPS後,一切都從自己來,這也才讓梅干發現到,原來是SSL憑證要手動把二張合併成一張,因此當手動合併起來後,再重新讀取nginx.config就大功告成啦!因此有使用VPS的朋友,若下回網站憑證在臉書或LINE出現警訊時,不坊可試試看囉!


Step1
首先,進到SSL憑證購買的頁面,分別會看到憑證中間憑證
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step2
接著開啟文字編輯器,分別將二個憑證放在同一個文件中,上方是輸入憑證容內,下方是輸入中間憑證,順序不能變更。
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step3
這時分別會看到共有三段,接著把這份文件儲存起來,一般梅干的習慣將此文件,命為名域名+bundle.crt
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step4
接著將已合併好的crt文件,上傳到主機的憑證資料夾下。
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step5
再開啟nginx.conf,將ssl_certificate改成剛所合併的檔案。
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step6
儲存完畢後,再重新讀取nginx.config檔案。
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題
Step7
接著可到What's My Chain Cert的平台,檢測看看當輸入網址,下方出現correct時,表示憑證安裝正確,這時再用臉書與LINE開啟時,就不會再出現網站安全連線的問題啦!
梅問題-解決SSL憑證在Facebook、LINE APP中,出現網站安全連線的問題