สร้างและเปิดแอป ASP.NET Core จาก Google Cloud Shell

1. ภาพรวม

ASP.NET Core เป็นเฟรมเวิร์กโอเพนซอร์สและข้ามแพลตฟอร์มแบบใหม่สำหรับการสร้างแอปพลิเคชันในระบบคลาวด์ที่ทันสมัยและมีการเชื่อมต่ออินเทอร์เน็ตโดยใช้ภาษาโปรแกรม C#

Google Cloud Shell เป็นเครื่องมือบรรทัดคำสั่งบนเบราว์เซอร์เพื่อเข้าถึงทรัพยากร Google Cloud Platform Cloud Shell ช่วยให้คุณจัดการโปรเจ็กต์และทรัพยากรของคอนโซล Cloud Platform ได้อย่างง่ายดายโดยไม่ต้องติดตั้ง Google Cloud SDK และเครื่องมืออื่นๆ ในระบบของคุณ เมื่อใช้ Cloud Shell คำสั่ง gcloud ของ Cloud SDK และยูทิลิตีอื่นๆ เช่น เครื่องมืออินเทอร์เฟซบรรทัดคำสั่ง .NET Core จะพร้อมใช้งานเสมอเมื่อคุณต้องการ

ในห้องทดลองนี้ คุณจะได้เรียนรู้วิธีสร้างและเปิดแอป ASP.NET Core จาก Google Cloud Shell โดยไม่ต้องออกจากเบราว์เซอร์เลย

สิ่งที่คุณจะได้เรียนรู้

  • Google Cloud Shell
  • ข้อมูลเบื้องต้นเกี่ยวกับ ASP.NET Core
  • วิธีสร้างแอป ASP.NET Core ง่ายๆ ภายใน Google Cloud Shell
  • วิธีเปิดแอป ASP.NET Core จาก Google Cloud Shell

สิ่งที่ต้องมี

  • โปรเจ็กต์ Google Cloud Platform
  • เบราว์เซอร์ เช่น Chrome หรือ Firefox

คุณจะใช้บทแนะนำนี้อย่างไร

อ่านเท่านั้น อ่านและทำแบบฝึกหัด

คุณจะให้คะแนนประสบการณ์การใช้งาน Google Cloud Platform อย่างไร

มือใหม่ ระดับกลาง ผู้ชำนาญ

2. การตั้งค่าและข้อกำหนด

การตั้งค่าสภาพแวดล้อมตามเวลาที่สะดวก

หากยังไม่มีบัญชี Google (Gmail หรือ G Suite) คุณต้องสร้างบัญชี จากนั้นลงชื่อเข้าใช้คอนโซล Google Cloud Platform ( console.cloud.google.com) แล้วสร้างโปรเจ็กต์ใหม่ดังนี้

aa2b71cbc7c28c59.png

19eb08d9ea73f0ea.png

จำรหัสโปรเจ็กต์ ซึ่งเป็นชื่อที่ไม่ซ้ำกันในโปรเจ็กต์ Google Cloud Platform ทั้งหมด และจะมีการอ้างอิงใน Codelab ว่า PROJECT_ID ในภายหลัง

ขั้นตอนถัดไป คุณจะต้องเปิดใช้การเรียกเก็บเงินใน Google Cloud Console เพื่อใช้ทรัพยากร Google Cloud Platform

เริ่มต้น Cloud Shell

Google Cloud Shell เป็นเครื่องมือบรรทัดคำสั่งบนเบราว์เซอร์เพื่อเข้าถึงทรัพยากร Google Cloud Platform Cloud Shell ช่วยให้คุณจัดการโปรเจ็กต์และทรัพยากรของคอนโซล Cloud Platform ได้อย่างง่ายดายโดยไม่ต้องติดตั้ง Google Cloud SDK และเครื่องมืออื่นๆ ในระบบของคุณ เมื่อใช้ Cloud Shell คำสั่ง gcloud ของ Cloud SDK และยูทิลิตีอื่นๆ เช่น เครื่องมืออินเทอร์เฟซบรรทัดคำสั่ง .NET Core จะพร้อมใช้งานเสมอเมื่อคุณต้องการ

โดยทำดังนี้

  1. ไปที่คอนโซล Google Cloud Platform
  2. คลิก "เปิดใช้งาน Google Cloud Shell" ไอคอนที่มุมบนขวาของแถบส่วนหัว

toolbar-cloudshell.png

เซสชัน Cloud Shell จะเปิดในเฟรมใหม่ที่ด้านล่างของคอนโซลและแสดงข้อความแจ้งบรรทัดคำสั่ง การดำเนินการนี้อาจใช้เวลาสักครู่เนื่องจาก Cloud Shell กำลังหมุน VM

60fba3df157aec3a.png

รอจนกว่าข้อความแจ้ง $ ปรากฏขึ้น

3. ทำความเข้าใจ ASP.NET Core

ASP.NET Core เป็นการออกแบบโครงสร้างใหม่ของ ASP.NET เดิมที่ใช้เฉพาะ Windows เท่านั้น คุณสามารถพัฒนาและเรียกใช้แอป ASP.NET Core ข้ามแพลตฟอร์มบน Windows, Mac และ Linux ได้

ASP.NET Core มาพร้อมกับอินเทอร์เฟซบรรทัดคำสั่ง .NET Core (CLI) ซึ่งเป็นเครื่องมือพื้นฐานข้ามแพลตฟอร์มแบบใหม่สำหรับการพัฒนาแอปพลิเคชัน .NET Core Toolchain นี้ติดตั้งใน Google Cloud Shell แล้ว

ในส่วนถัดไป เราใช้อินเทอร์เฟซบรรทัดคำสั่ง .NET Core ในการสร้างแอป ASP.NET Core แรกของเรา

4. สร้างแอป ASP.NET Core ใน Cloud Shell

ในข้อความแจ้งของ Cloud Shell คุณสามารถยืนยันว่าติดตั้งเครื่องมือบรรทัดคำสั่ง Dotnet แล้วโดยตรวจสอบเวอร์ชัน การดำเนินการนี้ควรพิมพ์เวอร์ชันของเครื่องมือบรรทัดคำสั่ง Dotnet ที่ติดตั้งไว้เป็นเวอร์ชันต่อไปนี้

dotnet --version

ถัดไป ให้สร้างเว็บแอป ASP.NET Core ใหม่

dotnet new mvc -o HelloWorldAspNetCore

การดำเนินการนี้ควรสร้างโปรเจ็กต์และกู้คืนทรัพยากร Dependency ของโปรเจ็กต์ คุณควรเห็นข้อความที่คล้ายกับด้านล่าง

Restore completed in 11.44 sec for HelloWorldAspNetCore.csproj.

Restore succeeded.

5. เรียกใช้แอป ASP.NET Core

เราใกล้พร้อมที่จะเรียกใช้แอปแล้ว ไปยังโฟลเดอร์ของแอป

cd HelloWorldAspNetCore

ขั้นตอนสุดท้าย เรียกใช้แอป

dotnet run --urls=http://localhost:8080

แอปพลิเคชันเริ่มฟังบนพอร์ต 8080

Hosting environment: Production
Content root path: /home/atameldev/HelloWorldAspNetCore
Now listening on: http://[::]:8080
Application started. Press Ctrl+C to shut down.

หากต้องการยืนยันว่าแอปทำงานอยู่ ให้คลิกปุ่มแสดงตัวอย่างเว็บที่ด้านขวาบน แล้วเลือก "แสดงตัวอย่างบนพอร์ต 8080"

Capture.PNG

คุณจะเห็นหน้าเว็บ ASP.NET Core เริ่มต้น:

wPlsc5EzDpwH0en46xxV3vQZV2LupOqGs4h9y2D7iyWMqNo7tv4_1FAoqTQP6BIhH81i2ZXrsw8Bn2PmFbyA9pHy6zy_zabyzdUFUPkcXeomvSbtwQDgd6arZQRQUpzpbXHD14MNWA

เมื่อคุณยืนยันว่าแอปพลิเคชันทำงานอยู่ ให้กด Ctrl+C เพื่อปิดแอปพลิเคชัน

6. ยินดีด้วย

นั่นไง! คุณเพิ่งสร้างและเปิดแอป ASP.NET Core จากใน Cloud Shell โดยไม่ต้องออกจากเบราว์เซอร์เลย แต่นั่นไม่ใช่ทั้งหมดที่คุณทำได้ คุณสามารถนำแอป ASP.NET Core ที่สร้างใหม่ มาทำให้เป็นคอนเทนเนอร์โดยใช้ Docker และทำให้ใช้งานได้กับ Google App Engine หรือจะให้ Kubernetes จัดการทุกอย่างให้คุณใน Google Container Engine ก็ได้

หัวข้อที่ครอบคลุม

  • Google Cloud Shell
  • ข้อมูลเบื้องต้นเกี่ยวกับ ASP.NET Core
  • วิธีสร้างแอป ASP.NET Core ง่ายๆ ภายใน Google Cloud Shell
  • วิธีแก้ไขแอป ASP.NET Core โดยใช้ Eclipse Orion
  • วิธีเปิดแอป ASP.NET Core จาก Google Cloud Shell

ขั้นตอนถัดไป