สร้าง web application รูปแบบ MEAN Stack Part 2 (Create and Setup project)

จากพาทที่ 1 ที่พูดถึงความหมายของ MEAN Stack ไปแบบคร่าวๆ กันไปแล้ว ในพาทนี้เราจะมาเริ่มต้นลงมือทำกันเลย การติดตั้งโปรแกรมที่จะใช้ (ในที่นี้ผมจะไม่สอนวิธีการติดตั้งแต่จะแนบลิ้งไว้ให้นะครับ) ติดตั้ง Node JS ติดตั้ง Express ติดตั้ง MongoDb หลังจากติดตั้งโปรแกรมเสร็จแล้วเรามาดู Project Structure ของโปรเจคที่เราจะทำกันเลยดีกว่าในโปรเจคตัวอย่างนี้ผมจะทำเป็น app ค้นหาทีมพัฒนาโดยเราโดยจะใช้ Google Maps Javascript API มาร่วมด้วย  Project Structure (รูปแบบโฟลเดอร์ในโปรเจค) mean-example-app app //Back-end models model.js routes routes.js public //Font-end index.html js app.js appCtrl.js gservice.js css style.css bower_components configs configs.js logs logger.js server.js // Express … Continue reading สร้าง web application รูปแบบ MEAN Stack Part 2 (Create and Setup project)

Advertisements

สร้าง web application รูปแบบ MEAN Stack Part 1 (Introduction)

ก่อนอื่นมารู้จักกับ MEAN Stack กันก่อนเลย MEAN Stack เกิดจากการนำเทคโนโลยี Javascript 4 ตัวมารวมกันเพื่อให้โครงสร้างและการจัดการ web application ได้อย่างสมบูรณ์ ซึ่ง MEAN ประกอบไปด้วย MongoDB ฐานข้อมูลเป็นส่วนสำคัญที่ทำให้เว็บแอพพลิเคชั่นของเรามีชีวิต และ MongoDB ก็จัดการเป็นฐานข้อมูลแบบหนึ่ง (Database server) เพียงแต่มันมีเป้าหมายแตกต่างจากรุ่นใหญ่ๆ อย่างพวก Microsoft SQL Server และ MySQL MongoDB จะเก็บข้อมูลในรูปแบบของ JSON (NoSQL) แทนที่จะเก็บเป็น Table ที่ประกอบไปด้วย Row และ Column ต่างๆ ดังนั้นถ้าคนที่พึ่งย้ายมาจาก MSSQL MySQL หรือ Database อื่นที่มีโครงสร้างเช่นนี้ก็จะทำให้มึนๆ กับระบบของ MongoDB บ้าง แต่ก็ไม่ยากมากนักสำหรับนักพัฒนา ข้อดีของ MongoDB  สร้างขึ้นมีเพื่อความง่ายในการใช้งาน ขยับขยายได้ง่าย และประสิทธิภาพการดำเนินการสูง Express … Continue reading สร้าง web application รูปแบบ MEAN Stack Part 1 (Introduction)