แก้ไขข้อบกพร่องของแอป Google Chat

Node.js

Python

Java

Node.js

• node และ npm เวอร์ชันล่าสุด ติดตั้งแล้ว ในท้องที่ของคุณ

• nodemon ติดตั้งเวอร์ชันล่าสุดในเครื่องของคุณแล้ว สภาพแวดล้อมนี้ใช้เพื่อการโหลดซ้ำอัตโนมัติ

  npm install -g nodemon
  

• แอป HTTP Chat ที่กำหนดค่าไว้สำหรับ การรับส่งข้อความ คุณติดตามส่วนต่างๆ ได้ ข้อกำหนดเบื้องต้น ตั้งค่า สภาพแวดล้อม และเผยแพร่แอปไปยัง Google Chat ของ คู่มือเริ่มใช้งานฉบับย่อ มีเพียง คุณต้องตั้งชื่อแอปเป็น Debug App URL ของแอปไปยังอะไรก็ได้ เช่น http://example.com

• IDE ที่ตั้งค่าไว้ในสภาพแวดล้อมในเครื่องของคุณซึ่งแก้ไขข้อบกพร่องได้ เราใช้ Visual Studio Code IDE และค่าเริ่มต้น การแก้ไขข้อบกพร่องของฟีเจอร์ใน คู่มือนี้มีไว้เพื่อประกอบการอธิบาย

• Git ติดตั้งแล้ว ในท้องที่ของคุณ

• บัญชี ngrok

Python

• python3 เวอร์ชันล่าสุด ติดตั้งแล้ว ในท้องที่ของคุณ
• เวอร์ชันล่าสุดของ pip และ virtualenv ติดตั้งใน สภาพแวดล้อมภายในเครื่อง ซึ่งใช้ในการจัดการแพ็กเกจ Python และ สภาพแวดล้อมที่เกี่ยวข้องตามลำดับ
• แอป HTTP Chat ที่กำหนดค่าไว้สำหรับ การรับส่งข้อความ คุณติดตามส่วนต่างๆ ได้ ข้อกำหนดเบื้องต้น ตั้งค่า สภาพแวดล้อม และเผยแพร่แอปไปยัง Google Chat ของ คู่มือเริ่มใช้งานฉบับย่อ มีเพียง คุณต้องตั้งชื่อแอปเป็น Debug App URL ของแอปไปยังอะไรก็ได้ เช่น http://example.com
• IDE ที่ตั้งค่าไว้ในสภาพแวดล้อมในเครื่องของคุณซึ่งแก้ไขข้อบกพร่องได้ เราใช้ Visual Studio Code IDE และค่าเริ่มต้น การแก้ไขข้อบกพร่องของฟีเจอร์ใน คู่มือนี้มีไว้เพื่อประกอบการอธิบาย
• Git ติดตั้งแล้ว ในท้องที่ของคุณ
• บัญชี ngrok
• gcloud เวอร์ชันล่าสุด ติดตั้งแล้ว และเริ่มต้นใน สภาพแวดล้อมภายใน

Java

• Java SE 11's JDK เวอร์ชันล่าสุดที่มีความเสถียร ติดตั้งแล้วในเครื่องของคุณ ของคุณ
• Apache Maven เวอร์ชันล่าสุด ติดตั้งแล้วในสภาพแวดล้อมในเครื่องของคุณ ซึ่งใช้ในการจัดการโปรเจ็กต์ Java
• แอป HTTP Chat ที่กำหนดค่าไว้สำหรับ การรับส่งข้อความ คุณติดตามส่วนต่างๆ ได้ ข้อกำหนดเบื้องต้น ตั้งค่า สภาพแวดล้อม และเผยแพร่แอปไปยัง Google Chat ของ คู่มือเริ่มใช้งานฉบับย่อ มีเพียง คุณต้องตั้งชื่อแอปเป็น Debug App URL ของแอปไปยังอะไรก็ได้ เช่น http://example.com
• IDE ที่ตั้งค่าไว้ในสภาพแวดล้อมในเครื่องของคุณซึ่งแก้ไขข้อบกพร่องได้ เราใช้ Visual Studio Code IDE และค่าเริ่มต้น การแก้ไขข้อบกพร่องของฟีเจอร์ใน คู่มือนี้มีไว้เพื่อประกอบการอธิบาย
• Git ติดตั้งแล้ว ในท้องที่ของคุณ
• บัญชี ngrok
• gcloud เวอร์ชันล่าสุด ติดตั้งแล้ว และเริ่มต้นใน สภาพแวดล้อมภายใน

Node.js

1. โคลนที่เก็บ googleworkspace/google-chat-samples จาก GitHub ในระบบของคุณ จะมีโค้ดของแอปพลิเคชันเพื่อ ปฏิบัติ:

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

2. จาก Visual Studio Code IDE ที่ติดตั้งในสภาพแวดล้อมในเครื่องของคุณ ให้ทำดังนี้

   1. ในหน้าต่างใหม่ ให้เปิดโฟลเดอร์ google-chat-samples/node/basic-app

   2. กำหนดค่าแอปพลิเคชันสำหรับการแก้ไขข้อบกพร่องของโหลดซ้ำอัตโนมัติด้วยการเพิ่ม ในไฟล์ package.json ได้ดังนี้

      {
          ...
          "scripts": {
              ...
              "debug": "node --inspect index.js",
              "debug-watch": "nodemon --watch ./ --exec npm run debug"
          }
          ...
      }
      

   3. ติดตั้งแอปพลิเคชันจากไดเรกทอรีรากดังนี้

      npm install
      

   4. สร้างและกำหนดค่าการเปิดตัวชื่อ Debug Watch ที่ทริกเกอร์ สคริปต์ debug-watch โดยการสร้างไฟล์ .vscode/launch.json ใน ไดเรกทอรีราก:

      {
          "version": "0.2.0",
          "configurations": [{
              "type": "node",
              "request": "launch",
              "name": "Debug Watch",
              "cwd": "${workspaceRoot}",
              "runtimeExecutable": "npm",
              "runtimeArgs": ["run-script", "debug-watch"]
          }]
      }
      

   5. เพิ่มเบรกพอยท์ที่หยุดการประมวลผลคำขอ HTTP ชั่วคราวใน index.js ไฟล์ และเริ่มทำงานและ การแก้ไขข้อบกพร่องด้วยฟังก์ชัน เพิ่มการกำหนดค่า Debug Watch ก่อนหน้าแล้ว การสมัคร กำลังเรียกใช้และรอฟังคำขอ HTTP บนพอร์ต 9000

      

      รูปที่ 3 แอปพลิเคชันกำลังทำงานและรอฟัง HTTP คำขอในพอร์ต 9000

3. เปิดแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ:

   ngrok http --domain=NGROK_STATIC_DOMAIN 9000
   

   แทนที่ NGROK_STATIC_DOMAIN ด้วยโดเมนแบบคงที่ใน บัญชี ngrok ของคุณ ตอนนี้ระบบเปลี่ยนเส้นทางคำขอทั้งหมดไปยังในพื้นที่ และพอร์ตที่แอปพลิเคชันใช้

   

   รูปที่ 4 เทอร์มินัลที่มีเซิร์ฟเวอร์ ngrok กำลังทำงานและเปลี่ยนเส้นทาง

4. อินเทอร์เฟซเว็บก็เริ่มต้นบน localhost ของคุณโดย ngrok คุณสามารถตรวจสอบกิจกรรมทั้งหมดได้โดยการเปิดในเบราว์เซอร์

   

   รูปที่ 5 อินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ไม่แสดงคำขอ HTTP

5. ทดสอบแอปใน Chat ด้วยการส่งข้อความโดยตรง ข้อความ:

   • เปิด Google Chat

     ไปที่ Google Chat

   • คลิกแชทใหม่ add

   • ในกล่องโต้ตอบ ให้ป้อนชื่อ แอป Chat

   • ในผลการค้นหา ให้หาแอป Chat ของคุณ คลิกเพิ่ม > แชท

   • ในพื้นที่ข้อความส่วนตัว ให้พิมพ์ Hello แล้วกด enter บัญชี แอปแชทไม่ตอบกลับเนื่องจากกำลังถูก แก้ไขข้อบกพร่องอย่างต่อเนื่องแล้ว

6. ใน Visual Studio Code ในสภาพแวดล้อมภายในของคุณ คุณจะเห็นว่า การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

   

   รูปที่ 6 การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

7. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code ก่อนที่ Google Chat จะหมดเวลาแอป Chat ตอบกลับ Your message : Hello

8. คุณสามารถตรวจสอบบันทึกคำขอ HTTP และการตอบกลับได้จากอินเทอร์เฟซเว็บ โฮสต์โดยแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ

   

   รูปที่ 7 คำขอ HTTP จากอินเทอร์เฟซเว็บที่โฮสต์โดย ngrok แอปพลิเคชัน

9. หากต้องการเปลี่ยนการทำงานของแอปพลิเคชัน ให้แทนที่ Your message ด้วย Here was your message ในบรรทัด 35 ของ index.json เมื่อคุณบันทึก nodemon จะโหลดแอปพลิเคชันที่มี ซอร์สโค้ดที่อัปเดตและ Visual Studio Code ยังคงอยู่ในโหมดแก้ไขข้อบกพร่อง

   

   รูปที่ 8 แอปพลิเคชันกำลังทำงานและรอรับคำขอ HTTP บนพอร์ต 9000 ที่โหลดการเปลี่ยนโค้ดแล้ว

10. ครั้งนี้ แทนที่จะส่งข้อความที่ 2 Hello ในพื้นที่ทำงาน คุณ สามารถเลือกคำขอ HTTP สุดท้ายที่บันทึกลงในเว็บอินเทอร์เฟซซึ่งโฮสต์โดย แอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณและคลิก Replay เหมือนกับครั้งที่แล้วที่แอป Chat ไม่ตอบกลับ เพราะเรากำลังแก้ไขข้อบกพร่องนี้อยู่

11. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code คุณจะเห็นได้จากอินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ใน สภาพแวดล้อมในเครื่องของคุณที่แอปพลิเคชันสร้างการตอบสนองด้วย ข้อความ Here was your message : Hello เวอร์ชันอัปเดต

Python

1. ขอรับข้อมูลเข้าสู่ระบบของผู้ใช้ใหม่เพื่อใช้กับค่าเริ่มต้นของแอปพลิเคชัน ข้อมูลเข้าสู่ระบบ:

   gcloud config set project PROJECT_ID
   gcloud auth application-default login
   

   แทนที่ PROJECT_ID ด้วย รหัสโปรเจ็กต์ สำหรับโปรเจ็กต์ในระบบคลาวด์ของแอป

2. โคลนที่เก็บ googleworkspace/google-chat-samples จาก GitHub ในระบบของคุณ จะมีโค้ดของแอปพลิเคชันดังนี้

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

3. จาก Visual Studio Code IDE ที่ติดตั้งในสภาพแวดล้อมในเครื่องของคุณ ให้ทำดังนี้

   1. ในหน้าต่างใหม่ ให้เปิดโฟลเดอร์ google-chat-samples/python/avatar-app

   2. สร้างสภาพแวดล้อมเสมือนใหม่สำหรับ Python env และเปิดใช้งาน:

      virtualenv env
      source env/bin/activate
      

   3. ติดตั้งทรัพยากร Dependency ของโปรเจ็กต์ทั้งหมดโดยใช้ pip ในระบบเสมือนจริง สภาพแวดล้อม:

      pip install -r requirements.txt
      

   4. สร้างไฟล์ .vscode/launch.json ในไดเรกทอรีรากและ กำหนดค่าการเปิดตัวชื่อ Debug Watch ที่เรียกใช้แอปพลิเคชัน จากโมดูล functions-framework บนพอร์ต 9000 ในโหมดแก้ไขข้อบกพร่อง ในสภาพแวดล้อมเสมือนจริง env:

      {
          "version": "0.2.0",
          "configurations": [{
              "type": "python",
              "request": "launch",
              "name": "Debug Watch",
              "python": "${workspaceFolder}/env/bin/python3",
              "module": "functions_framework",
              "args": [
                  "--target", "hello_chat",
                  "--port", "9000",
                  "--debug"
              ]
          }]
      }
      

   5. เพิ่มเบรกพอยท์ที่หยุดการประมวลผลคำขอ HTTP ชั่วคราวใน main.py ไฟล์ และเริ่มทำงานและ การแก้ไขข้อบกพร่องด้วยฟังก์ชัน เพิ่มการกำหนดค่า Debug Watch ก่อนหน้าแล้ว การสมัคร กำลังเรียกใช้และรอฟังคำขอ HTTP บนพอร์ต 9000

      

      รูปที่ 3 แอปพลิเคชันกำลังทำงานและรอฟัง HTTP คำขอในพอร์ต 9000

4. เปิดแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ:

   ngrok http --domain=NGROK_STATIC_DOMAIN 9000
   

   แทนที่ NGROK_STATIC_DOMAIN ด้วยโดเมนแบบคงที่ใน บัญชี ngrok ของคุณ ตอนนี้ระบบเปลี่ยนเส้นทางคำขอทั้งหมดไปยังในพื้นที่ และพอร์ตที่แอปพลิเคชันใช้

   

   รูปที่ 4 เทอร์มินัลที่มีเซิร์ฟเวอร์ ngrok กำลังทำงานและเปลี่ยนเส้นทาง

5. อินเทอร์เฟซเว็บก็เริ่มต้นบน localhost ของคุณโดย ngrok คุณสามารถตรวจสอบกิจกรรมทั้งหมดได้โดยการเปิดในเบราว์เซอร์

   

   รูปที่ 5 อินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ไม่แสดงคำขอ HTTP

6. ทดสอบแอปใน Chat ด้วยการส่งข้อความโดยตรง ข้อความ:

   • เปิด Google Chat

     ไปที่ Google Chat

   • คลิกแชทใหม่ add

   • ในกล่องโต้ตอบ ให้ป้อนชื่อ แอป Chat

   • ในผลการค้นหา ให้หาแอป Chat ของคุณ คลิกเพิ่ม > แชท

   • ในพื้นที่ข้อความส่วนตัว ให้พิมพ์ Hey! แล้วกด enter บัญชี แอป Chat ไม่ตอบกลับเนื่องจากกำลังถูก แก้ไขข้อบกพร่องอย่างต่อเนื่องแล้ว

7. ใน Visual Studio Code ในสภาพแวดล้อมภายในของคุณ คุณจะเห็นว่า การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

   

   รูปที่ 6 การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

8. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code ก่อนที่ Google Chat จะหมดเวลาแอป Chat ตอบกลับพร้อมชื่อและรูปโปรไฟล์ของคุณในข้อความ

9. คุณสามารถตรวจสอบบันทึกคำขอ HTTP และการตอบกลับได้จากอินเทอร์เฟซเว็บ โฮสต์โดยแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ

   

   รูปที่ 7 คำขอ HTTP จากอินเทอร์เฟซเว็บที่โฮสต์โดย ngrok แอปพลิเคชัน

10. หากต้องการเปลี่ยนการทำงานของแอปพลิเคชัน ให้แทนที่ Hello ด้วย Hey ในบรรทัด 51 ของไฟล์ main.py เมื่อคุณบันทึกไฟล์ Visual Studio Code จะโหลดแอปพลิเคชันซ้ำโดยอัตโนมัติด้วยซอร์สโค้ดที่อัปเดตแล้วและ จะยังคงอยู่ในโหมดแก้ไขข้อบกพร่อง

    

    รูปที่ 8 แอปพลิเคชันกำลังทำงานและรอรับคำขอ HTTP บนพอร์ต 9000 ที่โหลดการเปลี่ยนโค้ดแล้ว

11. ครั้งนี้ แทนที่จะส่งข้อความที่ 2 Hey! ในพื้นที่ทำงาน คุณ สามารถเลือกคำขอ HTTP สุดท้ายที่บันทึกลงในเว็บอินเทอร์เฟซซึ่งโฮสต์โดย แอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณและคลิก Replay เหมือนกับครั้งที่แล้วที่แอป Chat ไม่ตอบกลับ เพราะเรากำลังแก้ไขข้อบกพร่องนี้อยู่

12. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code คุณจะเห็นได้จากอินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ใน สภาพแวดล้อมในเครื่องของคุณที่แอปพลิเคชันสร้างการตอบสนองด้วย ข้อความเวอร์ชันอัปเดต

Java

1. ขอรับข้อมูลเข้าสู่ระบบของผู้ใช้ใหม่เพื่อใช้กับค่าเริ่มต้นของแอปพลิเคชัน ข้อมูลเข้าสู่ระบบ:

   gcloud config set project PROJECT_ID
   gcloud auth application-default login
   

   แทนที่ PROJECT_ID ด้วย รหัสโปรเจ็กต์ สำหรับโปรเจ็กต์ในระบบคลาวด์ของแอป

2. โคลนที่เก็บ googleworkspace/google-chat-samples จาก GitHub ในสภาพแวดล้อมในเครื่องของคุณ จะมีโค้ดของแอปพลิเคชันดังนี้

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

3. จาก Visual Studio Code IDE ที่ติดตั้งในสภาพแวดล้อมในเครื่องของคุณ ให้ทำดังนี้

   1. ในหน้าต่างใหม่ ให้เปิดโฟลเดอร์ google-chat-samples/java/avatar-app

   2. กำหนดค่าโปรเจ็กต์ Maven เพื่อเรียกใช้แอปพลิเคชัน HelloChat พอร์ต 9000 ภายในเครื่องโดยเพิ่มบิลด์เฟรมเวิร์ก Cloud Functions ปลั๊กอิน function-maven-plugin ในไฟล์ pom.xml

      ...
      <plugin>
          <groupId>com.google.cloud.functions</groupId>
          <artifactId>function-maven-plugin</artifactId>
          <version>0.11.0</version>
          <configuration>
              <functionTarget>HelloChat</functionTarget>
              <port>9000</port>
          </configuration>
      </plugin>
      ...
      

   3. ตอนนี้คุณเปิดใช้งานภายในเครื่องในโหมดแก้ไขข้อบกพร่องได้แล้ว โดยทำดังนี้

      mvnDebug function:run
      Preparing to execute Maven in debug mode
      Listening for transport dt_socket at address: 8000
      

   4. สร้างไฟล์ .vscode/launch.json ในไดเรกทอรีรากและ กำหนดค่าการเปิดตัวชื่อ Remote Debug Watch ที่ต่อเชื่อมกับ แอปพลิเคชันที่เคยเปิดด้วยพอร์ต 8000:

      {
          "version": "0.2.0",
          "configurations": [{
              "type": "java",
              "request": "attach",
              "name": "Remote Debug Watch",
              "projectName": "http-function",
              "hostName": "localhost",
              "port": 8000
          }]
      }
      

   5. เพิ่มเบรกพอยท์ที่หยุดการประมวลผลคำขอ HTTP ชั่วคราวใน HelloChat.java ไฟล์ แล้ว เริ่มการแนบ และ การแก้ไขข้อบกพร่องด้วยฟังก์ชัน เพิ่มการกำหนดค่า Remote Debug Watch ก่อนหน้าแล้ว แอปพลิเคชัน กำลังเรียกใช้และรอฟังคำขอ HTTP บนพอร์ต 9000

      

      รูปที่ 3 แอปพลิเคชันกำลังทำงานและรอฟัง HTTP คำขอในพอร์ต 9000

4. เปิดแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ:

   ngrok http --domain=NGROK_STATIC_DOMAIN 9000
   

   แทนที่ NGROK_STATIC_DOMAIN ด้วยโดเมนแบบคงที่ใน บัญชี ngrok ของคุณ ตอนนี้ระบบเปลี่ยนเส้นทางคำขอทั้งหมดไปยังในพื้นที่ และพอร์ตที่แอปพลิเคชันใช้

   

   รูปที่ 4 เทอร์มินัลที่มีเซิร์ฟเวอร์ ngrok กำลังทำงานและเปลี่ยนเส้นทาง

5. อินเทอร์เฟซเว็บก็เริ่มต้นบน localhost ของคุณโดย ngrok คุณสามารถตรวจสอบกิจกรรมทั้งหมดได้โดยการเปิดในเบราว์เซอร์

   

   รูปที่ 5 อินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ไม่แสดงคำขอ HTTP

6. ทดสอบแอปใน Chat ด้วยการส่งข้อความโดยตรง ข้อความ:

   • เปิด Google Chat

     ไปที่ Google Chat

   • คลิกแชทใหม่ add

   • ในกล่องโต้ตอบ ให้ป้อนชื่อ แอป Chat

   • ในผลการค้นหา ให้หาแอป Chat ของคุณ คลิกเพิ่ม > แชท

   • ในพื้นที่ข้อความส่วนตัว ให้พิมพ์ Hey! แล้วกด enter บัญชี แอป Chat ไม่ตอบกลับเนื่องจากกำลังถูก แก้ไขข้อบกพร่องอย่างต่อเนื่องแล้ว

7. ใน Visual Studio Code ในสภาพแวดล้อมภายในของคุณ คุณจะเห็นว่า การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

   

   รูปที่ 6 การดำเนินการจะหยุดชั่วคราวที่เบรกพอยท์ที่ตั้งค่าไว้

8. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code ก่อนที่ Google Chat จะหมดเวลาแอป Chat ตอบกลับพร้อมชื่อและรูปโปรไฟล์ของคุณในข้อความ

9. คุณสามารถตรวจสอบบันทึกคำขอ HTTP และการตอบกลับได้จากอินเทอร์เฟซเว็บ โฮสต์โดยแอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณ

   

   รูปที่ 7 คำขอ HTTP จากอินเทอร์เฟซเว็บที่โฮสต์โดย ngrok แอปพลิเคชัน

10. หากต้องการเปลี่ยนการทำงานของแอปพลิเคชัน ให้แทนที่ Hello ด้วย Hey ในบรรทัด 55 ของไฟล์ HelloChat.java รีสตาร์ทกระบวนการ mvnDebug และ เปิด Remote Debug Watch อีกครั้งเพื่อแนบและรีสตาร์ท การแก้ไขข้อบกพร่อง

11. ครั้งนี้ แทนที่จะส่งข้อความที่ 2 Hey! ในพื้นที่ทำงาน คุณ สามารถเลือกคำขอ HTTP สุดท้ายที่บันทึกลงในเว็บอินเทอร์เฟซซึ่งโฮสต์โดย แอปพลิเคชัน ngrok ในสภาพแวดล้อมในเครื่องของคุณและคลิก Replay เหมือนกับครั้งที่แล้วที่แอป Chat ไม่ตอบกลับ เพราะเรากำลังแก้ไขข้อบกพร่องนี้อยู่

12. เมื่อคุณดำเนินการต่อจากโปรแกรมแก้ไขข้อบกพร่องของ Visual Studio Code คุณจะเห็นได้จากอินเทอร์เฟซเว็บที่โฮสต์โดยแอปพลิเคชัน ngrok ใน สภาพแวดล้อมในเครื่องของคุณที่แอปพลิเคชันสร้างการตอบสนองด้วย ข้อความเวอร์ชันอัปเดต