สร้างและเปิดแอป 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 ทั้งหมด ซึ่งจะเรียกว่า PROJECT_ID ในภายหลังใน Codelab นี้

จากนั้นคุณจะต้องเปิดใช้การเรียกเก็บเงินใน 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

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

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

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