WordPress-on-Azure自訂外部網域與使用Cloudflare實現免費-DNS代管-CDN部屬-SSL

  • 373
  • 0

WordPress-on-Azure自訂外部網域與使用Cloudflare實現免費-DNS代管-CDN部屬-SSL

網路上好心資源
1.https://sofree.cc/cloudflare-free-cdn/
2.https://cloudwp.pro/blog/cloudflare-%E5%85%8D%E8%B2%BB-ssl-%E8%A8%AD%E5%AE%9A%E6%96%B9%E5%BC%8F/

建立一個從組件庫選擇WordPress的Azure web app
過程中會一併建立Mysql資料庫 或 先行去MARKETPLACE建立一個Mysql資料庫

到調整規模把訂價切換成共用層級(免費無法自訂網域),找尋一個網域商購買網域
購買完網域後,去Cloudflare註冊後輸入購買的domain,CloudFlare會花一段時間獲取DNS相關設定資訊
設定DNS相關資訊,
名稱  類型   值
@   =>A    =>Azure web app管理網域提供的IP
WWW =>CNAME=>Azure web app預設的(ooxx.azurewebsite.net)

完成後設定費用,選擇免費

接著Cloudflare會告知你的網域的DNS需指向到Cloudflare的DNS
回到購買網域的後台,將原本的NS對應到Cloudflare提供的DNS

遵照連結二的指示,即可使用SSL

等待約1~3小時候,回到Azure web app自訂網域框填入購買的www.yourdomain,
出現紅色X就代表還尚未對應到,需再等等
出現綠色勾勾就成功了

以上步驟可搭配連結一 由於Cloudflare也會更改UI但步驟與流程大意相同
-----------------------------------------------------------------
到瀏覽器輸入已經對應完成的http://yourdomain應該會進入wordpress的安裝畫面,依照流程設定安裝

進到外掛->安裝連結二提供的https://wordpress.org/plugins/cloudflare-flexible-ssl/

進到設定->一般更改兩個URL選項將http改成https 存檔,瀏覽器重新輸入https://yourdomain

應該就會看到綠色鎖頭並且正常顯示內容了!

範例網站https://www.nineheart.com.tw

筆記記錄,如有誤,不吝指教 感謝!