\

Facebook


วันศุกร์ที่ 18 พฤษภาคม พ.ศ. 2561

สร้าง WebApp ด้วย VueJS บน Digital Ocean ตอนที่ 1 : ตั้งค่า Droplets และ SSH


Digital Ocean เป็นหนึ่งในผู้ให้บริการ cloud Server ที่ราคาค่อนข้างถูก และคุ้มค่าเมื่อเทียบกับราคาที่เริ่มต้นเพียง 5$ ต่อเดือนเท่านั้น ผมเลยขอยกเป็นตัวอย่างในการสร้าง Web app ที่สร้างจาก VueJS ซึ่งผมเลือก NuxtJS เป็นเฟรมเวิร์ค และใช้ MondgoDB เป็น database

ขอข้ามขั้นตอนการสมัคร Digital Ocean นะครับ ไปสมัครกันเองให้เรียบร้อยเเล้วไปที่ https://cloud.digitalocean.com/droplets/new เพื่อสร้าง droplets ใหม่

ขั้นตอน
1. เริ่มจากกการสร้าง Droplets ใหม่ เลือกดีสโทรที่เราถนัดเลย อย่างผม เลือก Debian 8 เพราะชอบ apt


2. เลือกขนาด และ performance ของ server เรา ตามราคาครับ ยิ่งแพงยิ่งแรง


3. มาที่ part ของ SSH มันคือการสร้าง key สำหรับการ remote access เข้าไปบน server เราผ่าน SSH key ซึ่งเราต้อง generate ตัว private คีย์ เก็บไว้ และเอา public key ไปวางไว้บน digital ocean ถ้ายังไม่ได้เจนให้ไป download โปรแกรมที่มีชื่อว่า PuttyGen เพื่อสร้างคีย์ครับ

พาทนี้ไม่ควรข้ามด้วยประการทั้งปวง เพราะผมลองมาสร้างคีย์ หลังจากสร้าง droplets เกิดปัญหาขึ้นโดยไม่สามารถ connect ได้ จนต้องไป reset root password ก็ยังไม่หาย ฉนั้นทำให้จบตั้งเเต่สร้างใหม่ดีกว่า

กด New SSH Key เพื่อสร้าง key ใหม่ที่เราเพิ่ง generate 

ใช้ PuTTY Key Generator เพื่อสร้างคีย์ครับ 



4. ต่อมาเลือกประเทศที่จะวาง เซิฟ เลือกสิงค์โป เพราะใกล้บ้านเราที่สุด


5. กด Create เป็นอันเสร็จเรียบร้อยครับ

ติดตามตอนต่อไป


ไม่มีความคิดเห็น:

May be like this posts

  • วิธีแก้ Couldn't Mount File
    20/04/2015 - 0 Comments
    สำหรับไฟล์ประเภท iso บน Windows 8.1 สามารถ mount หรือจำลอง disk ตัวนั้นได้เป็นไดฟ์ตัวใหม่…
  • จัดระเบียบ SQL Query ให้อ่านง่ายๆสบายตา DEV ด้วย ApexSQL
    07/10/2015 - 0 Comments
    สำหรับท่านที่ต้องใช้งาน MSSMS อยู่เป็นประจำน่าจะเจอปัญหาคล้ายๆกับผมคือ "เวลาแก้ store procedure…
  • อัพเดตโค๊ด Revisionล่าสุดมาMerge >> แล้วโค๊ดอะไรเปลี่ยนแปลงบ้าง
    27/08/2013 - 0 Comments
    การใช้งาน Revision Control ในโปรเจกค์เขียนโปรแกรมที่มีขนาดใหญ่ถือว่าจำเป็นมาก…
  • 3 Plugins ฟรีสำหรับ Visual Studio 2017 ที่ DEV ทุกคนควรมีไว้ในครอบครองแบบ must have
    05/02/2018 - 0 Comments
    เขียนโปรแกรมสาย .NET จำเป็นต้องใช้  Visual Studio อย่างแน่นอนซึ่งการทำงานบน tool…
  • XAMPP Start Apache ไม่ได้เพราะ PID 4 ไม่ว่าง แก้ยังไงมาดู
    30/04/2014 - 0 Comments
    ปัญหาเยอะจริงเวลาลงโปรแกรมใหม่ๆเข้ามา XAMPP เป็นอันต้อง port 80 ไม่ว่างบ้างกับสไกด์นี้แหละตัวดีเลย หรือ PID…
  • สร้าง WebApp ด้วย VueJS บน Digital Ocean ตอนที่ 3 : ติดตั้ง MongoDB บน Debian 8
    19/05/2018 - 0 Comments
    อย่างที่เกริ่นไปก่อนว่าผมใช้ database เป็น NoSQL ซึ่งผมใช้ MondgoDB มาเป็นตัวจัดการฐานข้อมูล…
  • แกะโค๊ด JAVA จากไฟล์ APK บน GOOGLE PLAY
    07/08/2014 - 0 Comments
    ปกติแล้ว app android จะถูกคอมไพล์จาก JAVA มาเป็น .apk เรียบร้อย เพื่ออินสตอลงมือถือ แต่วันนี้เราจะเอา apk…