วันนี้จะมาแนะนำ วิธีทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ

 

เวลาทำเว็บไซต์ทั่วไป ถ้าเกิดเราสังเกตหน้าชื่อเว็บเรา หรือหน้า www จะเห็นคำว่า http:// อยู่ด้วยเสมอครับ ซึ่งถ้าเราสังเกตพวกเว็บไซต์ขายของ E-Commerce เว็บไซต์ธนาคาร และเว็บไซต์ใด ๆ ก็ตามที่ต้องการให้ข้อมูลที่รับ-ส่งปลอดภัย ก็จะสังเกตว่าใน URL ด้านหน้าสุดจะขึ้น https:// แทน

ซึ่งเมื่อก่อนอาจจะเคยทราบกันว่าการจะมี HTTPS ต้องเสียเงินเยอะเพื่อซื้อ Certificate และต้องหาโปรแกรมเมอร์มาใส่เข้าไปอีก แต่ในปัจจุบัน HTTPS กลายเป็นมาตรฐานของเว็บไซต์ทั่วโลก มีการแจกฟรี แถมเอามาใช้ได้ง่ายมาก ๆ ด้วยครับ ล่าสุด Designil เพิ่งเปลี่ยนมาใช้ HTTPS เลยจะมาแนะนำวิธีกันครับ

ทำไมเว็บไซต์ควรต้องมี HTTPS ?

การทำ https ง่าย ๆ ด้วย Cloud Flare

 

พอใส่ HTTPS แล้วเว็บจะกลายเป็นสีเขียว

  • เว็บไซต์ปลอดภัย – มีการเข้ารหัสในการรับ-ส่งข้อมูล ทำให้โดนแฮคได้ยากขึ้น
  • Google ชอบ – Google ออกมาประกาศสนับสนุนให้ ทุกเว็บมี HTTPS ซึ่งจะทำให้ SEO ของเราดีขึ้นด้วยครับ
  • เว็บโหลดเร็วขึ้น – สามารถใช้ HTTP/2 ซึ่งเป็นตัวช่วยให้เว็บไซต์โหลดเร็วขึ้น โดยใช้ร่วมกับ HTTPS
  • เว็บขึ้นสีเขียวใน URL Bar พร้อมคำว่า Secure – ตอนนี้ใน Google Chrome ถ้าไม่มี HTTPS จะขึ้นสีขาว แต่ในอนาคตเค้าบอกว่าอนาคตมันจะกลายเป็นสีแดงครับ
    • ข้อมูลเพิ่มเติม: Resource ต่าง ๆ ในเว็บทั้งหมดต้องเป็น https:// ด้วยครับ โดยถ้าเราทำตามขั้นตอนส่วนใหญ่จะไม่มีปัญหา ยกเว้นจะมีโค้ดส่วนไหนที่เราไป Hard code ว่าเป็น http:// ครับ โดยต้องระวังพวก iframe, script, font เป็นพิเศษ เพราะถ้าโหลดพวกนี้ผ่าน http:// โดยที่เว็บเราเป็น https:// แล้ว จะโหลดไม่ขึ้นครับ (ขอขอบคุณข้อมูลจากคุณ Sorrawut Kittikeereechaikun)

วิธีทำ HTTPS ง่ายและฟรีด้วย CLOUDFLARE

Cloudflare เป็นบริการที่เรียกว่า Content Delivery Network (CDN) หรืออธิบายง่าย ๆ คือ เค้าจะทำการก็อปเว็บเราไว้ในหลาย ๆ Server ของ Cloudflare ทั่วโลก ถ้าคนเข้าเว็บเราใกล้ Server ไหนของ Cloudflare ก็จะได้รับข้อมูลจาก Server นั้น ทำให้ Server ต้นของเราไม่ต้องโหลดข้อมูลหนักเกินไป

เปรียบเทียบ Cloudflare CDN

 

เปรียบเทียบความเร็วแบบใช้ Cloudflare (ซ้าย) : ไม่ใช้ (ขวา)

โดยเว็บไหนโดนคนเข้าเยอะ ๆ เพื่อยิงถล่มกะจะทำให้เว็บเค้าล่ม ก็สามารถใช้บริการ Cloudflare เพื่อป้องกันการล่มได้นั่นเองครับ

ทีนี้ความใจดีของ Cloudflare คือ ตัวฟรีที่เค้าให้มาก็เพียงพอต่อเว็บไซต์ทั่วไปแล้วครับ มีทั้ง HTTPS และ HTTP/2 มาให้ใช้ฟรี ๆ เลยด้วย มาดูขั้นตอนการเซ็ต Cloudflare ให้เว็บไซต์เรากันดีกว่าครับ

1. สมัคร Cloudflare (ฟรี) แล้วเพิ่มเว็บไซต์เราเข้าไปได้เลย

เพิ่มเว็บไซต์ใหม่ใน Cloudflare

2. Cloudflare จะทำการแสกนโดเมนเรา เมื่อเสร็จเรียบร้อยแล้ว ให้ไปแก้ Name Server ในเว็บที่เราจดโดเมนเว็บไซต์เรา (เช่น Godaddy, Name.com, PATHosting ฯลฯ) ให้เป็นตามที่เค้าบอก

แต่ถ้าทำไม่เป็นลองอีเมลไปหา Support ของเว็บที่เราซื้อโดเมนให้เค้าทำให้ครับ

Free Plan HTTPS ของ Cloudflare

 

เลือกแพลน Free ได้เลยนะครับในขั้นตอนนี้ (ตอนแรกมันจะเลือกแบบ $20/เดือน ให้)

Name Server ของ CloudFlare

ป.ล. เปลี่ยนตรงนี้แล้วมันอาจจะไม่มาทันทีนะครับ ต้องรอ Name Server อัพเดทสักครู่ (บางทีก็แปปเดียว บางทีก็หลายชั่วโมงครับอันนี้)

3. เข้า Cloudflare แล้วไปแท็บ Crypto แล้วเลือกเป็น Flexible SSL

Flexible SSL Cloudflare

4. รอไปเรื่อย ๆ จนกว่ามันจะขึ้นเขียวด้านล่าง เขียนว่า Active Certificate แบบในรูปด้านบน (บางคนทำแล้วรอ 5 นาทีก็มา บางคนทำแล้วรอ 10 ชั่วโมงก็มี แต่ไม่เกินวันแน่นอนครับ)

5. เช็คบ่อย ๆ จนมันขึ้นเขียวแล้ว แปลว่า SSL มาพร้อมแล้ว ก็เริ่มใช้ได้เลย 

ถ้าใครใช้ WordPress เหมือน Designil ก็ทำตามขั้นตอนต่อไปดังนี้ฮะ ส่วนถ้าเป็นเว็บไซต์ธรรมดาก็ยินดีด้วย เรียบร้อยแล้วครับ  </div></div><div class=