เอาเว็ปขึ้น Cloud (Ubuntu) จาก 0 | EP. 1

Royalty-Free photo: Aerial photography of clouds | PickPik

วันนี้จะมีสอนการ deploy website ขึ้น cloud จาก 0 กันครับ

วันนี้จะไม่ได้เน้นการทำหน้าเว็ปหรือเทคนิคการแต่งหน้าเว็ป แต่จะเน้นไปที่การติดตั้งและ publish เว็ปไซต์เราโดยใช้บริการ cloud service กันครับ

เนื้อหาทั้งหมดจะมีดังนี้

1. การเช่า cloud service (EP. 1)
2. การติดตั้ง web server software (EP. 2)
3. Deploy เว็ปขึ้น cloud (EP. 3)
4. การซื้อ domain name ของตัวเอง (EP. 4)
5. การเชื่อม domain name กับ cloud server (EP. 5)

ก่อนอื่นเราต้องหาหน้าเว็ปที่จะเอาขึ้นกันก่อน วันนี้จะขอใช้ free template จากเว็ปไซต์ https://www.free-css.com/ เพื่อนสามารถไปเลือกหน้าเว็ปที่ชอบแล้วทำโหลดมาทำพร้อมกันได้เลยครับ

https://www.free-css.com/free-css-templates/page295/esigned

ถ้าเลือกได้แล้วก็กด Download มาได้เลยครับ เมื่อ download มาแล้วเราก็ได้ไฟล์ zip มาก็ทำการ unzip ได้เลยครับ โดยใน folder ก็จะมีไฟล์มากมาย แต่ขออนุญาตไม่ลงรายละเอียดนะครับ

เราสามารถทดลองว่าไฟล์ที่เราได้มาทำงานได้ไหมโดยการเปิดไฟล์ index.html ใน browser ของเรา (เช่น Google Chrome, Safari) ได้เลย หรือจะลากมาก็ได้ครับ

เปิดไฟล์ index.html ใน Google Chrome

เมื่อไฟล์ที่โหลดมาใช้งานได้ต่อมาเราก็มาทำการเช่าบริการ cloud service กันเลยครับ

1. เช่า Cloud Service

วันนี้ Cloud service ที่เราจะใช้บริการกันคือ Digital Ocean ครับ (ผมเห็นว่าอันนี้มันถูกกว่าเจ้าอื่น ๆ ตอนที่ผมหานะครับ555)

เพื่อน ๆ สามารถเข้าไปที่ https://www.digitalocean.com/ แล้วทำการ sign up แล้ว login ให้เรียบร้อยครับ

หลังจากนั้นก็ให้กด New Project ทางด้านซ้ายมือ จากนั้นกรอกชื่อ Project และ Select Purpose (อันไหนก็ได้ครับ)

ถ้าของเพื่อน ๆ มีขึ้นหน้าแบบรูปด้านบนนี้ สามารถกด skip for now ได้เลยครับ

จากนั้นด้านบนจะมีปุ่ม Create ให้กดแล้วเลือก Droplets

ตามหลักการเราควรเลือก server ที่อยู่ใกล้กับผู้ใช้งานเว็ปเราครับ ตรงนี้ผมก็เลือกเป็น Singapore ครับ

เลือกเป็น Ubuntu แล้ว version 22.04 LTS (ความชอบส่วนตัวนะครับ555)

สเปคจะขึ้นอยู่กับการใช้งานของแต่ละคนนะครับ เนื่องจากเป็นโปรเจคทดลอง ขออนุญาตเลือกเป็นตัวที่ถูกที่สุดนะครับ

ให้ตั้ง Password สำหรับการ access เข้าไป cloud ครับ (อย่าลืมจดได้ด้วยนะครับ)

บรรทัดล่างสุดให้เลือก Project ตามชื่อที่เราตั้งไว้ก่อนหน้านี้ครับ แล้วกด Create Droplet ได้เลยครับ (สำหรับคนที่เพิ่งเคยใช้งานครั้งแรก อาจจะต้องมีการ setting ในส่วนของ Billing ก่อนนะครับสำหรับช่องทางการจ่ายเงินครับ)

จากนั้นก็กดเข้าไปที่ Project ที่เราสร้างไว้ทาง tab ซ้ายมือครับ เราก็จะเห็น Droplet ขึ้นมาอันนึงครับ ให้รอซักพักจากแถบสีนำ้เงินเต็ม เพื่อนๆ จะเห็น ip address ขึ้นมาเหมือนรูปข้างล่างนี้ครับ

เดี๋ยวเราจะลอง access เข้าไปดู cloud ของเรากันดูครับ

ให้เพื่อนเปิด Terminal สำหรับ macOS หรือ Command Prompt ใน Windows ครับ เราจะเข้าไปเครื่อง cloud กันโดยใช้โปรแกรมที่ชื่อว่า ssh ครับ

ให้พิมพ์คำสั่งตามนี้แล้วกด Enter ครับ

ssh root@<ip address>

ให้พิมพ์ yes แล้วกด Enter จากนั้นโปรแกรมจะให้เราใส่รหัส ให้ใส่รหัสลงไปตามที่เราได้ตั้งไว้กับ Digital Ocean ครับ (เมื่อเราพิมพ์จะไม่ขึ้นอะไร ให้พิมพ์ให้ถูกแล้วกด Enter ได้เลยครับ)

ถ้าทุกอย่างถูกต้องจะขึ้นหน้าจอประมาณนี้ครับ

เท่านี้เราก็ setup เครื่องคอมบน cloud เรียบร้อยแล้วครับ

เอาเว็ปขึ้น Cloud (Ubuntu) จาก 0 | EP อื่น ๆ

EP.1 : https://medium.com/@boonworayutaks/เอาเว็ปขึ้น-cloud-ubuntu-จาก-0-ep-1-8f348490fc78

EP. 2: https://medium.com/@boonworayutaks/เอาเว็ปขึ้น-cloud-ubuntu-จาก-0-ep-2-a1d5e97ee37d

EP. 3: https://medium.com/@boonworayutaks/เอาเว็ปขึ้น-cloud-ubuntu-จาก-0-ep-3-8b2c8fdb6716

EP. 4: https://medium.com/@boonworayutaks/เอาเว็ปขึ้น-cloud-ubuntu-จาก-0-ep-4-ce9fe862f10f

EP. 5: https://medium.com/@boonworayutaks/เอาเว็ปขึ้น-cloud-ubuntu-จาก-0-ep-5-7b61782ac286