[trick] วิธี install a Let’s Encrypt SSL ใน GoDaddy hosting account

ภาษาไทยจะอยู่ด้านล่างนะคะ ส่วนทริกแบบไล่เรียง 1-2-3 ให้กดเลื่อนไปล่างๆ สุดเลยค่ะ (พาร์ทแรกจะอธิบายที่มาที่ไปก่อนหน่อยนึง)

ENG:

Note: I firstly searched google and found this useful link from Mike (Thx! Mike)

>>> https://www.tenormanmike.com/website-and-hosting-issues/how-to-install-a-lets-encrypt-ssl-on-a-shared-godaddy-hosting-account/

However, I didn’t quite understand about create sub-directory in cPanel part. I ended up searching in YouTube and, then again, found this helpful clip by tipswithpunch channel

>> https://www.youtube.com/watch?v=GPcznB74GPs

 

For people who need the English instruction for installing  Let’s Encrypt SSL in GoDaddy hosting account, please follow the suggestions from both above links.

 

____

สวัสดีค่ะ

พอดีเราเปิดเว็บไซต์ไว้รวบรวมบทสัมภาษณ์และเรื่องราวของ “คนที่เรากรี๊ด” ชื่อเว็บ ohoppa.co

แต่เราไม่ได้ซื้อ SSL ซึ่งรับรองความปลอดภัยของเว็บ (สังเกตเว็บที่รับรอง คือเว็บที่ขึ้นต้นว่า https (มี s) ต่อท้าย)

เนื่องจาก google chrome ได้เปลี่ยนนโยบายว่า สำหรับเว็บไซต์ที่ไม่ได้ขึ้นด้วย https ต่อไปนี้ chrome จะถือว่าไม่ปลอดภัย (not secure) ทำให้เวลาพวกเราเข้าเว็บไซต์ที่เป็นแค่ http ธรรมดา (ไม่มี s) chrome จะขึ้นโชว์ตามรูปนี้ค่ะ

Screen Shot 2018-08-24 at 9.29.22 PM

ซึ่งจะส่งผลให้ คนที่แวะมาเยือนเว็บเรา เขาอาจไม่สบายใจ และพาลไม่อยากเข้าเว็บเราอีกค่ะ (ทั้งที่ถ้าเว็บเราไม่ได้เกี่ยวข้องกับธุรกรรม หรือขอให้เขากรอกข้อมูลอะไรที่สุ่มเสี่ยง ก็ไม่น่าจะต้องกังวล ..​. แต่นั่นแหละค่ะ ทางจิตวิทยาแล้ว ไม่มีใครอยากกลับมาเว็บที่มันขึ้น not secure แน่ๆ)

ทางแก้อย่างง่ายคือ ซื้อ SSL Certification ค่ะ … ซึ่งมันก็หลักพันบาทขึ้น 555

สำหรับเว็บเล็กๆ ที่ทำเอง (อ่านเองด้วย) เพื่อตอบสนอง need ส่วนตัวของเรา คิดว่าคงไม่ต้องถึงขนาดซื้อใบ cer SSL ค่ะ

อันที่จริง SSL certification แบบฟรีๆ ก็มีค่ะ เพียงเข้าไปในเว็บนี้เลย (หรือจะ donate ให้เขาก็ได้นะคะ เขาเปิดรับเช่นกัน)

>> https://letsencrypt.org/

Screen Shot 2018-08-24 at 9.49.06 PM

แต่ทว่า SSL ฟรีจากเว็บ Letsencrypt.org นี่ ดันไม่ support web Hosting แบบ cPanel (Linux) ของ GoDaddy ซึ่งเราฝากเว็บ ohoppa.co ไว้ค่ะ

ดังนั้น จึงเฟล…​(งิ้งงงง) เราก็ต้องหาวิธีอื่นต่อไป

ซึ่งต่อมาเราได้เจอลิงก์นี้ ซึ่งช่วยชีวิตได้อย่างเว่อร์วัง

>> https://www.tenormanmike.com/website-and-hosting-issues/how-to-install-a-lets-encrypt-ssl-on-a-shared-godaddy-hosting-account/

Screen Shot 2018-08-24 at 9.52.44 PM

และดูประกอบกับคลิป YouTube นี้ค่ะ ช่อง tipswithpunch

YouTube: https://www.youtube.com/watch?v=GPcznB74GPs

Screen Shot 2018-08-24 at 9.54.00 PM.png

ซึ่งข้อมูลจากทั้งสองแหล่งนี้ ช่วยให้เราแก้ไขเว็บ ohoppa.co ให้กลายเป็น https://ohoppa.co ได้ฟรีในที่สุด

ซึ่งสำหรับคนที่อาจจะยังไม่มีเวลาคลิกดูคลิป YouTube  ของ tipswithpunch เราก็ขอทำสรุปแต่ละขั้นตอนไว้ดังนี้ค่ะ

 

 

 


 

ขั้นตอนการติดตั้งฟรี SSL ใน GoDaddy hosting (  สำหรับคนใช้แบบ cPanel [Linux])

1)ไปที่เว็บ https://zerossl.com/ แล้วคลิกเลือก online tools

Screen Shot 2018-08-24 at 9.58.08 PM

 

 

2)จากนั้นตรง Free SSL Certificate Wizard
คลิกปุ่ม Start

Screen Shot 2018-08-24 at 9.59.42 PM

 

3)จากนั้นเว็บจะพามาที่หน้า Free SSL Certificate Wizard ด้านล่าง

3.0)ตรงล่างซ้าย เว็บจะคลิกเลือก HTTP verification ไว้อยู่แล้ว … ก็ตามนั้นค่ะ

3.1)ให้กรอก domains ที่อยู่ช่องขวา ระบุชื่อ domain ลงไป แนะนำให้กรอกทั้งแบบมี www และแบบไม่มี ดังนี้

ตัวอย่างการกรอก :      ohoppa.co, http://www.ohoppa.co

3.2)คลิกเลือกกล่องสองกล่องด้านล่างขวา ว่าเรายอมรับเงื่อนไขของเว็บ

(กล่องที่เขียนว่า Accept ZeroSSL TOS และ Accept Let’s Encrypt SA (pdf) )

3.3)เสร็จแล้วกด NEXT (ที่อยู่ขวาบน)

Screen Shot 2018-08-24 at 10.01.15 PM

 

4)พอคลิก  NEXT เสร็จ เว็บจะขึ้นว่ากำลัง Generating CSR ให้ …​จากนั้นรอแป๊บ มันจะขึ้นหน้า CSR ให้ (ดูตามรูปด้านล่าง)

Screen Shot 2018-08-24 at 10.08.50 PM

Screen Shot 2018-08-24 at 10.08.59 PM

 

5)ให้กด NEXT อีกครั้ง เพื่อให้ Generating Account Key จากนั้นก็รอรับ Account Key

จากนั้นกด เครื่องหมาย download (ที่อยู่ริมขวาของแต่ละกล่องน่ะค่ะ) กด download ทั้งสองกล่องเลยนะคะ แล้วกด NEXT เพื่อไปสู่หน้า Verification

Screen Shot 2018-08-24 at 10.11.06 PM

 

6)ที่หน้า Verification คุณจะเจอตามภาพด้านล่าง

6.1)ให้กดปุ่ม download ทั้งสองไฟล์

6.2)พอ download เสร็จแล้ว จากนั้นไม่ต้องทำอะไรค่ะ ค้างหน้านี้ไว้ (ไม่ต้องปิดนะคะ) แล้วไปที่หน้าเว็บ GoDaddy ที่เราฝากเว็บ hosting ไว้

Screen Shot 2018-08-24 at 10.31.34 PM

 

 

 

7)ตอนนี้เราอยู่ที่  GoDaddy แล้วนะคะ

ไปที่หน้าจัดการ cPanel จะมีหน้าตาเป็นแบบนี้ (ใครใช้ GoDaddy น่าจะหาเจอ…​ถ้าไม่เจอจริงๆ ให้เลือกหน้า hosting แล้วกดปุ่ม “ผู้ดูแลระบบ cPanel” ค่ะ …​ลองดูก่อนเนอะ)

7.1)ตรงเซ็คชั่น Files เลือก File Manager

 

Screen Shot 2018-08-24 at 10.15.26 PM

 

7.2)เลือกเสร็จมันจะ pop-up กล่องดังด้านล่าง ให้เลือก web-root แล้วกด GO

Screen Shot 2018-08-24 at 10.18.19 PM

 

7.3)พอกดปุ๊บ มันจะไปที่หน้า cPanel File Manager

แล้วให้คลิกปุ่มสร้าง Folder ที่อยู่บนซ้าย (+Folder) เพื่อสร้าง sub-directory ขึ้นมา

 

Screen Shot 2018-08-24 at 10.20.15 PM

 

7.4)มันจะขึ้น pop-up มา ให้พิมพ์ .well-known ลงไป (พิมพ์ให้ถูกต้องด้วยนะคะ) แล้วกด create New Folder
(หมายเหตุ: จะเห็นว่าเราสร้าง .well-known ให้เป็นซับของ /public_html  นะคะ (ตรงที่มีโลโก้รูปบ้าน) ถ้าตรง pop-up box ไม่ขึ้นอย่างนี้ ให้ย้อนกลับไปเลือก folder “/public_html” นะคะ)

Screen Shot 2018-08-24 at 10.22.45 PM

 

7.5)จากนั้นสร้าง sub-directory ย่อยอีกอันใน .well-known นะคะ ชื่อ

acme-challenge

ทำได้โดยกดปุ่ม +Foloder มุมซ้ายบน (เหมือนเดิม) นะคะ

จากนั้นจะเจอกล่อง pop-up ก็ตามนั้นค่ะ …​พิมพ์ acme-challenge แล้วกด Create New Folder

Screen Shot 2018-08-24 at 10.29.06 PM.png

 

7.6)จากนั้นเราจะอยู่ที่ sub-directory ภายใต้ชื่อ acem-challenge นะคะ

ให้กดอัพโหลดไฟล์ 2 ไฟล์จากข้อ 6.1) ค่ะ

จากนั้นก็กดแถบล่างกลาง ที่เขียนว่า back to/home/….. น่ะค่ะ

Screen Shot 2018-08-24 at 10.35.50 PM

 

 

Screen Shot 2018-08-24 at 10.36.18 PM

 

Screen Shot 2018-08-24 at 10.38.31 PM

 

8)กลับไปยังหน้าที่อยู่ในข้อ 6.1) ค่ะ แล้วกด NEXT ที่อยู่มุมขวาบน เพื่อไปยังหน้า Certificate

 

Screen Shot 2018-08-24 at 10.31.34 PM

 

9)ที่หน้า Certificate ให้เลื่อนลงมาด้านล่าง จะเจอกล่องสองกล่อง (boxes)

กดเครื่องหมาย download ค่ะ ทั้งสองกล่องเลยนะคะ

จากนั้นกลับไปหน้า cPanel ของ GoDaddy

Screen Shot 2018-08-24 at 10.43.08 PM

 

10)หน้านี้นะคะ cPanel Manage

เลื่อนลงไปเซ็คชั่น  Security เลือก SSL/TLS

มันจะพาไปที่หน้าอีกหน้า ให้กดล่างสุดเลยค่ะ ที่เขียนว่า Install and Manage SSL for your sites (HTTPS)

 

Screen Shot 2018-08-24 at 10.49.42 PM

 

Screen Shot 2018-08-24 at 10.51.54 PM

 

 

11)จากนั้นมันจะพาไปอีกหน้า

11.1)เลื่อนลงไปตรง domain ก็เลือกชื่อ domain ของเรา

Screen Shot 2018-08-24 at 10.53.23 PM

 

11.2)กล่องด้านล่างจะมีทั้งหมด สาม กล่อง นะคะ เขียนว่า

Certificate (CRT)

Private Key (KEY)

และ Certificate Authority Bundle: (CABUNDLE)

Screen Shot 2018-08-24 at 10.56.14 PM

 

ทั้งนี้ต้องกลับไป copy โค้ด ที่หน้า certificate น่ะค่ะ

โดยกล่องบนสุด (ของภาพด้านล่าง) จะมีข้อความยาวมาก แต่แบ่งเป็นสองท่อน (ข้อความ)

ให้ก๊อปอันบนสุด แล้วกลับไปที่หน้า SSL

Screen Shot 2018-08-24 at 10.43.08 PM

 

แล้วก็แปะลงตามนี้ค่ะ

 

Screen Shot 2018-08-24 at 10.56.14 PM

 

ซึ่งภาพบน ให้มองตรงขวานะคะ ที่เป็นสีแดงๆ …​มันขึ้นว่า not valid ใช่ไหมคะ

เพราะว่า มันมีสองก้อนในกล่องค่ะ ให้ใช้อันบน แล้วอันล่าง ให้ตัดใส่ตรงกล่องที่สาม (ล่างสุด) ตรงที่เขียนว่า กล่อง Certificate Authority Bundle: (CABUNDLE) น่ะค่ะ

 

+++ตรงนี้ถ้างง ให้ดูคลิปนี้ค่ะ นาทีที่ 4.29 +++

 

 

11.3)จากนั้นก๊อปโค้ด Private Key (KEY) มาใส่ในกล่อง Private Key (KEY) ค่ะ

===ถ้างงก็ย้อนกลับไปดูคลิป YouTube ที่แปะตะกี้นะคะ นาทีที่ 4.29

 

12)จากนั้นกด ยอมรับ และ install certificate ค่ะ

จากนั้นมันจะขึ้น pop-up มาอีกอัน (ปิดท้าย) ก็กด OK  ค่ะ

Screen Shot 2018-08-24 at 11.07.35 PM

 

13)เรียบร้อยค่ะ คุณมีเว็บสวยงาม ที่ขึ้นด้วย https แล้ว

Screen Shot 2018-08-24 at 9.30.57 PM

 

 

ขอบคุณที่ติดตามค่ะ

หวังว่าจะมีประโยชน์บ้าง (ตอนเราทำเอง เรางมอยู่ 5 วันค่ะกว่าจะได้ …​เลยคิดว่าทำ blog ไว้เผื่อมีใครกำลังหาทางอยู่ดีกว่า)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s