Monday, November 6, 2017

โฮสต์เว็บฟรีที่ Azure

บทความนี้สอนวิธีโฮสต์เว็บฟรีที่ Microsoft Azure ซึ่งมีคุณสมบัติดังนี้
  • เป็นเว็บไซต์เต็มรูปแบบ ขนาดไม่เกิน 1GB
  • เป็นหน้าเว็บธรรมดาหรือเป็นเว็บแอพก็ได้
  • ใช้ C#, PHP, Python ได้
ก่อนลงมือทำตามขั้นตอนในบทความนี้ให้ไปสมัคร Microsoft Azure ก่อน

ต่อไปเป็นวิธีทำ ผมจะยกตัวอย่างการโฮสต์เว็บแอพแบบ ASP.NET C# MVC จาก Microsoft Visual Studio 2017 community






















ภาพบน: ไปที่หน้าพอทัลของ Microsoft Azure กด App Services



ภาพบน: กด + Add


ภาพบน: เลือก Web Apps


ภาพบน: กดปุ่ม Create



ภาพบน: ใส่ App name ที่ต่อไปจะกลายเป็นส่วนหน้าของ URL เลือก Subscription (ในกรณีที่ีมีมากกว่าหนึ่ง) เลือก Resource Group ถ้ายังไม่ม่ีให้เลือก Create new เลือก OS ที่ต้องการ กด App Service plan เพื่อไปยังหน้าเลือกแพลน


ภาพบน: เลือก Create new


ภาพบน: ในหน้านี้กด Pricing tier



ภาพบน: เลื่อไปล่างสุดจะมีแบบฟรี


ภาพบน: กลับมาหน้านี้อีกทีเลือก Location เป็น Southeast Asia



ภาพบน: กลับมาหน้า App Services จะพบว่ามีแอพตัวที่เราเพิ่งสร้าง แต่เป็นแค่ที่เก็บ ขั้นตอนต่อไปเราจะต้องนำแอพที่เราสร้างใน Visual Stdio อัพโหลดมาใส่ในนี้



ภาพบน: ไปสร้างเว็บแอพใน Visual Studio เสร็จแล้วคลิกขวาที่โปรเจ็กต์ เลือก Publish...



ภาพบน: เลือก Azure / existing / publish




ภาพบน: จะมีหน้านี้ปรากฏขึ้น ให้ใส่ครีเด็นเชียลโดยป้อนยูสเซอร์เนมพาสเวิร์ดของบัญชี Azure แล้วเลือก App Service ตัวที่สร้างไว้ในขั้นตอนก่อนหน้านี้ กด OK



ภาพบน: เว็บไซต์จะเริ่มถูกอัพโหลดและมีหน้าจอนี้แสดง



ภาพบน: ให้ดูความก้าวหน้าที่ Output รอจนกว่าจะ Publish: 1 succeeded



ภาพบน: เสร็จแล้ว Visual Studio จะเปิดเว็บบราวเซอร์ ภาพนี้คือหน้าแรกของเว็บแอพของผมซึ่งเป็นหน้าลอกอิน



3 comments:

  1. ขอบคุณมากๆครับผม

    ReplyDelete
  2. แจ่มเรยครัช

    ReplyDelete
  3. ขอบคุณครับ. ยอดเยี่ยมครับ

    ReplyDelete

เตียมซอฟท์แวร์ก่อนเรียนคอร์ส Essential ML.NET

  ผู้จะเรียนวิชา Essential ML.NET ทุกคนโปรดเตรียมฮาร์ดแวร์และซอฟท์แวร์ต่อไปนี้ ระบบปฏิบัติการ Windows 10 (ถ้าใช้ MacOS หรือ Linux จะไม่สามาร...