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

ก่อนอื่นมารู้จักกับ MEAN Stack กันก่อนเลย

MEAN Stack เกิดจากการนำเทคโนโลยี Javascript 4 ตัวมารวมกันเพื่อให้โครงสร้างและการจัดการ web application ได้อย่างสมบูรณ์ ซึ่ง MEAN ประกอบไปด้วย

  1. MongoDB

    mongodb ฐานข้อมูลเป็นส่วนสำคัญที่ทำให้เว็บแอพพลิเคชั่นของเรามีชีวิต และ MongoDB ก็จัดการเป็นฐานข้อมูลแบบหนึ่ง (Database server) เพียงแต่มันมีเป้าหมายแตกต่างจากรุ่นใหญ่ๆ อย่างพวก Microsoft SQL Server และ MySQL
    MongoDB จะเก็บข้อมูลในรูปแบบของ JSON (NoSQL) แทนที่จะเก็บเป็น Table ที่ประกอบไปด้วย Row และ Column ต่างๆ ดังนั้นถ้าคนที่พึ่งย้ายมาจาก MSSQL MySQL หรือ Database อื่นที่มีโครงสร้างเช่นนี้ก็จะทำให้มึนๆ กับระบบของ MongoDB บ้าง แต่ก็ไม่ยากมากนักสำหรับนักพัฒนา
    ข้อดีของ MongoDB  สร้างขึ้นมีเพื่อความง่ายในการใช้งาน ขยับขยายได้ง่าย และประสิทธิภาพการดำเนินการสูง

  2. Express

    expressมาต่อกันที่ตัวที่ 2 กันเลย คือ express นั่นเอง เราจะใช้มันจัดการฝั่งเซิร์ฟเวอร์เหมือนภาษาฝั่ง Back-end ทั่วไปอย่าง Java, PHP นั่นแหละ โดยเราสามารถใช้ Express จัดการสิ่งต่างๆ ดังนี้

    • จัดการ Request Router
    • จัดการ Cookie
    • จัดการ Session
    • และอื่นๆอีกมากมายที่เราต้องการจัดการในฝั่งเว็บเซิร์ฟเวอร์
  3. AngularJs + HTML

    AngularJS-largeตัวที่ 3 ที่คิดค้นจากบริษัทยักษ์ใหญ่ที่ไม่มีคนรู้จักไปไม่ได้อย่างลูกพี่ Google ของเรานั่นเอง มาเข้าเรื่องกันเลยดีกว่า AngularJS เป็น MVC Framwork ของ javascript ซึ่งข้อดีคร่าวๆ ของมันคือ

    • 2-way Data-binding โยงข้อมูล 2 ทางระหว่าง HTML และ JavaScript
    • รองรับระบบ HTML Template ทำให้การสร้างเว็ปแอพพลิเคชั่นแบบหน้าเดียวจบเป็นไปได้ในยุคนี้ (Single-page Web Application)
    • มีระบบ Directive ทำให้สร้าง หรือดัดแปลง HTML ให้เหมาะสมกับงานของเราได้
    • ที่สำคัญยังเขียนตัวทดสอบอย่าง Unit Test ได้ด้วย ซึ่งถ้าใครได้ลองแล้วจะต้องติดใจอย่างแน่นอน
  4. NodeJS

    nodejsลูกพี่ใหญ่คนสุดท้ายในที่นี้คือ NodeJS ของเรานั่นเอง NodeJS เป็น Runtime ของ javascript ที่ทำให้ระบบ web server (Express ในข้อ 2) สามารถทำงานได้รวมถึงการจัดการไฟล์ในระบบระบบปฏิบัติการได้เหมือนกับภาษาโปรแกรมทั่วไป ในปัจจุบันมีหลายระบบที่สร้างขึ้นมาเพื่อ Runtime ให้กับภาษา Javascript แต่ NodeJS ได้รับการยอมรับอย่างกว้างขวาง

จากที่อธิบายมาข้างต้นเป็นการอธิบายแบบคร่าวๆ ไม่ได้เจาะลึกของแต่ละตัว แต่เป็นการบอกหลักการทำงานและการนำสิ่งนั่นๆมาใช้กับโปรเจคที่จะเกิดขึ้นในพาทต่อไป

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

อ้างอิงข้อมูลจาก mean.io

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s