ตอน 3 : สอนใช้งาน Visual Studio Team Services และ SQL Database ของ Azure

หลังจากที่เรารู้จักเรื่องของ cloud กันเป็นที่เรียบร้อยแล้ว เราน่าจะพอเห็นประโยชน์จากการใช้งานระบบ cloud ในการประยุกต์เข้ากับการสร้าง application ขึ้นมาได้บ้างแล้ว

ดังนั้นในตอนนี้เราจะมาดูวิธีการใช้งาน Visual Studio Team Services ซึ่งเป็นอีกหนึ่งบริการที่ Azure มีให้ เราจะสามารถใช้มันในการเพิ่มประสิทธิภาพในการทำงานร่วมกับสมาชิกในทีมได้เป็นอย่างดี ยกตัวอย่างเช่น

  • Version control system (VCS) ที่เรารู้จักกันดีอย่าง Git ผนวกเข้ากับ project ของเรา แต่ทั้งนี้ Azure ก็มี Team Foundation Version Control (TFVC) ที่ทำงานตรงกันข้ามกับ Git อยู่ คือเป็นระบบแบบ centralized
  • เอื้อสำหรับการทำงานแบบ development process แบบต่าง ๆ เช่น Scrum, Kanban, Agile ซึ่งสามารถใช้ track งานได้ แบ่ง backlog ได้
  • ใช้งานเข้ากับ IDE ต่าง ๆ ได้เป็นอย่างดี เช่น Visual Studio เป็นต้น

ถ้าเราได้สมัคร account สำหรับ Azure แบบฟรีเพื่อทดลองใช้งานแล้วเรามาเริ่มกันเลยครับ เข้าไปยังเว็บไซต์ Visual Studio Team Services ก็กดปุ่ม Get starteed for free เพื่อจะเริ่มสมัครใช้งาน VSTS ได้เลยครับ

กรอกชื่อ project ของเราได้เลยครับ สังเกตว่าจะตามหลังด้วย .visualstudio.com นั่นก็คือจะรวมกันเป็น url สำหรับเข้าถึงรายละเอียดของ project เราผ่านเว็บครับ แต่ว่าในครั้งนี้ผมจะแนะนำให้ใช้การจัดการ version control เป็นแบบ Team Foundation Version Control (TFVC) แทนแบบ Git เพราะคิดว่า Git น่าจะเป็น centralized-version control ที่ทุกคนน่าจะเคยใช้งานกันเป็นอย่างดีแล้ว

หลังจากสร้าง project เสร็จแล้วเข้าไปยังเว็บไซต์จัดการ project ของเราเลยครับ อย่างของผมจะเป็น cpe23cmu.visualstudio.com เข้าไปก็เป็นเว็บไซต์สำหรับจัดการ Visual Studio Team Services เข้ามาก็จะพบว่ายังไม่มี project เลยก็ให้กด New Project ใหม่ขึ้นมา อย่างที่บอกไปเราจะใช้ Team Foundation Version Control ในการจัดการ code และส่วนการทำงานก็จะเป็นแบบ Agile

เมื่อสร้างแล้วก็เข้าไปจัดการ project ได้เลยครับ ยกตัวอย่างก็จะเป็น project ชื่อ blog194

ทีนี้เมื่อเราได้ project มาแล้ว เราจะไปสร้าง Database ใน Azure รอไว้ก่อน โดยเราจำเป็นต้องสร้างทั้ง Resource Group, SQL Database และ Database Server โดยการกด Add new SQL database และกรอกรายละเอียดของเราเลย

ตอนสร้าง SQL Database นั้นให้กดเลือก Server หากเรายังไม่มี database server ก็ให้กด new ขึ้นมาดังรูปด้านล่างนี้ครับ ในส่วนของ Server admin login จะเป็น username สำหรับการใช้เข้าถึง database server ซึ่งจะเข้าไปยุ่งเกี่ยวกับ connection string ในการเขียน application ต่อไปครับ

หลังจากเราเตรียมเกี่ยวกับ Azure ครบเรียบร้อยหมดแล้ว เราจะลองสร้าง web application กัน ให้ทำการเปิด Visual Studio ขึ้นมา ในหน้า Start Page ของให้กด Connect to Azure ดังรูปข้างล่างเลยครับ เราจะเริ่มเชื่อมต่อ VS ของเราเข้ากับ Azure กัน

กรอก Microsoft account เพื่อ login ได้เลย ซึ่ง account ตัวนี้ก็จะเป็นตัวเดียวกับที่ใช้งาน Azure ครับ

ทีนี้ให้เรากลับไปที่ Dashboards ของ project ที่เราเพิ่งสร้างขึ้นมาใน Visual Studio Team Services แล้วกดปุ่ม Open in Visual Studio

คราวนี้ Visual Studio ก็ถูกจะเปิดขึ้นมาในแถบของ Team Explorer ซึ่งเราก็จะเห็นว่ามันจะให้ Map & Get project ของเราเข้าไปยังพื้นที่ทำงาน (Workspace) ซึ่งเราสามารถเปลี่ยนแปลงได้ ซึ่งเมื่อตั้งค่าเสร็จเรียบร้อยก็ให้กด Map & Get ได้เลยครับ

ซึ่งหากเสร็จสิ้นเราก็จะพบว่ามีข้อความแจ้งว่า mapped successfully แล้วเราก็กด New solution เหมือนเวลาจะสร้าง application ปกติได้เลยครับ

ในที่นี้ผมจะสร้างเป็น ASP.NET Web Application ขึ้นมาเพื่อเป็นตัวอย่าง

เลือกเป็น Web Forms ที่มีการ authentication แบบ individual user accounts พร้อมกับติ๊ก Host in the cloud (Azure)

คุณสามารถจะใช้ MVC ก็ได้ หากเรียนวิชา 261343 อยู่ที่วิศวะคอม มช.

ก็เลือกและกรอกข้อมูลต่าง ๆ ที่เราเพิ่งสร้างไปก่อนหน้านี้เลยครับ

ทีนี้เมื่อเราเสร็จสิ้นจากการสร้าง solution เรียบร้อยแล้ว ให้เปิด Server Explorer ขึ้นมาและกด Connect to Database ดังรูปเลยครับ

เลือก Microsoft SQL Server โดยมี Data Provider เป็น .NET Framework Data Provider for SQL Server แล้วกด Continue ต่อไปได้เลยครับ

ถึงตอนนี้อาจจะวกกลับไปยัง portal ของ Azure สักเล็กน้อยเพื่อที่จะไปดู Server name ของเรา ซึ่งมันจะเป็น url ดังรูปด้านล่างถัดนี้ 2 รูปครับ

ตรงนี้เลย Server name ที่จะเอาใส่ข้างบน

หลังจากนั้นก็ให้ไปยังไฟล์ Web.config เพื่อแก้ไข connection string ให้ตรงกับ database ที่เราจะใช้

เมื่อเปิดไฟล์ Web.config แล้วให้เราแก้ไข connectionString ได้ตามต้องการเลยครับ

ส่วน connectionString เราก็สามารถไปดูได้ที่ portal ของ Azure ดังนี้ครับ ให้กด Show database connection strings

เมื่อกดเข้ามาก็จะพบ connection strings หลายรูปแบบให้เลือกไปใส่กันในที่นี้ก็น่าจะเป็น ADO.NET

หลังจากนั้นเมื่อเชื่อมต่อกับ database เสร็จสิ้นแล้ว ท้ายที่สุดก็สามารถนำเอาไปพัฒนา web application ต่อได้เลยครับ

ยิ่งไปกว่านั้นอย่าลืมที่จะใช้งาน Visual Studio Team Services ให้คุ้มค่านะครับ เพราะมันจะช่วยให้ทีมของเรานั้นทำงานได้อย่างมีประสิทธิภาพ ด้วยการอำนวยความสะดวกในการทำ collaboration ที่สูงมาก แถมทีมไหนใช้การทำงานแบบ Agile ก็ยิ่งน่าใช้เข้าไปใหญ่ เพราะเค้าออกแบบมาเอื้อในการใช้งาน Scrum, Agile, Kanban มาก ๆ


โดยสรุปแล้วจะเห็นว่า Azure เป็นบริการ cloud ที่จะช่วยให้เราพัฒนา application ขึ้นมาได้อย่างง่ายยิ่งขึ้น โดยเฉพาะ web application ซึ่งเราสามารถใช้ database จาก Azure ได้เลย ยิ่งไปกว่านั้นจริง ๆ แล้วเราสามารถกดสร้างเว็บไซต์ที่เป็นพวก open source ได้อย่างรวดเร็ว รวมถึงการ deploy ที่สามารถทำให้เว็บไซต์ publish ได้อย่างรวดเร็ว ก็นับว่าเป็นทางเลือกที่ดีมากอีกทางเลือกหนึ่งที่จะทำให้การพัฒนา application ของเรามีประสิทธิภาพมากขึ้น

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.