\

Facebook


วันเสาร์ที่ 19 พฤษภาคม พ.ศ. 2561

สร้าง WebApp ด้วย VueJS บน Digital Ocean ตอนที่ 3 : ติดตั้ง MongoDB บน Debian 8




อย่างที่เกริ่นไปก่อนว่าผมใช้ database เป็น NoSQL ซึ่งผมใช้ MondgoDB มาเป็นตัวจัดการฐานข้อมูล เพราะข้อดีในเรื่อง การบันทึกก้อนข้อมูลที่ ไม่มี structure ตายตัว ทำให้โปรแกรมยืดหยุ่นขึ้นมาก เเละใน NodeJS ยังมีตัวช่วยชื่อ Mongoose ที่ยิ่งทำให้การจัดการ structure ง่ายขึ้น

วิธีติดตั้ง

1. ต้องทำการ import public key ให้กับ linux โดย GPG Key ก็เป็นเหมือนการระบุตัวตนของ package ที่ distributor สร้างเอาไว้บน package management โดยใช้คำสั้ง

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 2930ADAE8CAF5059EE73BB4B58712A2291FA4AD5

2. สร้าง list ไฟล์บน debian 8 ให้รู้จัก dependency ของ MondgoDB ทั้งหมด

echo "deb http://repo.mongodb.org/apt/debian jessie/mongodb-org/3.6 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.6.list

3. สบายตัวละ ที่เหลือเเค่อัพเดต เบาๆ

sudo apt-get update

4. หลังอัพเดตก็อินสตอร์โลด

sudo apt-get install -y mongodb-org

ซึ่งมันจะเป็นมอนโกเวอร์ชั่นล่าสุด แต่ถ้าใครอยาก ได้เวอร์ชั่นอื่น ให้ใช้คำสั่ง

sudo apt-get install -y mongodb-org=3.6.4 mongodb-org-server=3.6.4 mongodb-org-shell=3.6.4 mongodb-org-mongos=3.6.4 mongodb-org-tools=3.6.4

5. รันตัว service ให้ทำงาน

sudo service mongod start

ถ้าไม่มีผิดพลาด มันจะขึ้นข้อความประมาณนี

[initandlisten] waiting for connections on port 27017

จบ..





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

สร้าง WebApp ด้วย VueJS บน Digital Ocean ตอนที่ 2 : ติดตั้ง nodejs + npm





NodeJS คือ JavaScript framework ที่ใช้ทำ back-end ซึ่งในเคสของผม ผมเลือกเพื่อมาเป็นตัว API สำหรับให้ web app เราดึงหรือบันทึกข้อมูล และยังเป็นตัวหลักสำหรับ ติดต่อ database ซึ่งจะเล่น nodejs ได้ต้องรู้จัก npm หรือ node package management ด้วย เพราะเป็นคำสั้งสำหรับการ install package ที่เป็น dependency ทั้งหมดใน web app เรา

ติดตั้งดังนี้

1. ssh เข้า droplet ด้วย root
2. ติดตั้ง npm และ nodejs  ด้วยคำสั้งสีแดง

sudo apt-get install npm
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash 
sudo apt-get install -y nodejs



3. ทดสอบด้วยการ พิมพ์

node -v
npm -v 

ต้องมีเลข version แสดงออกมา

จบ

สร้าง 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