Google Chat uygulamalarında hata ayıklama

Google Chat uygulama geliştiricisi olarak değişiklikleri test etmek veya karmaşık sorunları gidermek için kodda hata ayıklamanız gerekebilir. Chat uygulamalarında hata ayıklama işlemi, uygulamanızın mimarisine, ne yaptığına, uygulamanızın nasıl dağıtıldığına ve tercihlerinize bağlı olarak birçok farklı şekilde yapılabilir.

Bu sayfada, yerel geliştirme ortamlarını test etmek için kullanabileceğiniz birleşik bir giriş platformu olan ngrok'u kullanarak HTTP Chat uygulamasında nasıl hata ayıklanacağı açıklanmaktadır. Bu kılavuzda, yerel bir ortamda kod değişikliklerini test edecek ve uzak bir ortamdaki sorunları gidereceksiniz.

Yerel geliştirme ortamından hata ayıklayın

Bu bölümde, yerel ortamınızda çalışan Chat uygulamanızla etkileşimde bulunacaksınız.

Yerel geliştirme ortamından hata ayıklayın

Şekil 1. Yerel geliştirme ortamında hata ayıklayın.

Atölye

Node.js

Python

Java

Ön koşullar

Node.js

  • Yerel ortamınızda en son node ve npm sürümleri yüklü.

  • Yerel ortamınızda nodemon uygulamasının en son sürümü yüklü. Bu sürüm, otomatik yeniden yükleme amacıyla kullanılır:

    npm install -g nodemon

  • Mesajlaşma için yapılandırılmış bir HTTP Chat uygulamasıdır. Hızlı başlangıç kılavuzundaki Ön koşullar, Ortamı ayarlama ve Uygulamayı Google Chat'te yayınlama bölümlerini uygulayabilirsiniz. Tek fark, Uygulama adı'nı Debug App ve Uygulama URL'sini de http://example.com gibi bir değer olarak ayarlamanızın gerekmesidir.

  • Yerel ortamınızda hata ayıklama yapabilen bir IDE kurulumu. Bu kılavuzda Visual Studio Code IDE ve varsayılan hata ayıklama özellikleri açıklama amacıyla kullanılmaktadır.

  • Git uygulamanız yerel ortamınızda yüklü olmalıdır.

  • ngrok hesabı.

Python

Java

Localhost hizmetini herkese açık hale getirme

Chat uygulamasının erişebilmesi için yerel ortamınızı internete bağlamanız gerekir. ngrok uygulaması, herkese açık bir URL'ye yapılan HTTP isteklerini yerel ortamınıza yönlendirmek için kullanılır.

  1. Yerel ortamınızdaki bir tarayıcıda ngrok hesabınızda oturum açın.
  2. Uygulamayı yükleyin ve authtoken ortamınızı yerel ortamınızda ayarlayın.
  3. ngrok hesabınızda bir statik alan oluşturun. Bu kılavuzun talimatlarında NGROK_STATIC_DOMAIN olarak referans verilmiştir.

Chat uygulamasını yapılandırma

Chat uygulamasını, tüm HTTP isteklerini statik alanınıza gönderecek şekilde yapılandırın.

  1. Google Cloud Console'da Google Chat API sayfasını açın:

    Google Chat API sayfasına gidin

  2. Configuration (Yapılandırma) sekmesini tıklayın.

  3. Etkileşimli özellikler > Bağlantı ayarları'na gidin ve Uygulama URL'si metin alanının değerini şu şekilde ayarlayın:

    https://NGROK_STATIC_DOMAIN

    NGROK_STATIC_DOMAIN değerini ngrok hesabınızdaki statik alanla değiştirin.

  4. Kaydet'i tıklayın.

Chat uygulaması, tüm HTTP isteklerini ilgili statik alan adına

2. Şekil. Chat uygulaması, tüm HTTP isteklerini statik alana gönderir. ngrok genel hizmeti, Chat uygulaması ile yerel olarak çalışan uygulama kodu arasında bir köprü görevi görür.

Chat uygulamasını test etme

Chat uygulamanızı yerel olarak dağıtabilir, yapılandırabilir, test edebilir, hata ayıklayabilir ve otomatik olarak yeniden yükleyebilirsiniz.

Node.js

  1. GitHub'daki googleworkspace/google-chat-samples deposunu yerel ortamınıza klonlayın. Yürütülecek uygulamanın kodunu içerir:

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

  2. Yerel ortamınızda yüklü olan Visual Studio Code IDE'de aşağıdakileri yapın:

    1. Yeni bir pencerede google-chat-samples/node/basic-app klasörünü açın.

    2. package.json dosyasına iki komut dosyası ekleyerek uygulamayı otomatik yükleme hata ayıklaması için yapılandırın:

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

    3. Kök dizinden uygulamayı yükleyin:

      npm install

    4. Kök dizinde .vscode/launch.json dosyasını oluşturarak debug-watch komut dosyasını tetikleyen Debug Watch adlı bir başlatma oluşturun ve yapılandırın:

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

    5. index.js dosyasına HTTP isteği işlemeyi duraklatan bir ayrılma noktası ekleyin. Daha önce eklenen Debug Watch yapılandırmasıyla çalışmaya ve hata ayıklamaya başlayın. Uygulama şu anda 9000 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

      Uygulama "9000" bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor

      3. Şekil. Uygulama çalışıyor ve 9000 bağlantı noktasındaki HTTP isteklerini dinliyor.

  3. Yerel ortamınızda ngrok uygulamasını başlatın:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    NGROK_STATIC_DOMAIN değerini ngrok hesabınızdaki statik alanla değiştirin. Tüm istekler artık yerel ortamınıza ve uygulama tarafından kullanılan bağlantı noktasına yönlendirilir.

    "ngrok" sunucusunun çalıştığı ve yönlendirme yaptığı terminal

    4. Şekil. ngrok sunucusunun çalıştığı ve yönlendirme yaptığı terminal.

  4. Web arayüzü, yerel barındırıcınızda ngrok uygulaması tarafından da başlatılır. Uygulamayı bir tarayıcıda açarak tüm etkinlikleri izleyebilirsiniz.

    Hiçbir HTTP isteği göstermeyen "ngrok" uygulaması tarafından barındırılan web arayüzü

    5. Şekil. ngrok uygulaması tarafından barındırılan ve hiçbir HTTP isteği göstermeyen web arayüzü.

  5. Doğrudan mesaj göndererek Chat uygulamanızı test edin:

    • Google Chat'i açın.

      Google Chat'e gidin

    • Yeni sohbet simgesini tıklayın.

    • İletişim kutusuna Chat uygulamanızın adını girin.

    • Arama sonuçlarında Chat uygulamanızı bulun ve Ekle > Sohbet'i tıklayın.

    • Doğrudan mesaj alanına Hello yazıp enter tuşuna basın. Chat uygulamanız, aktif olarak hata ayıklama işlemi yapıldığından yanıt vermiyor.

  6. Yerel ortamınızdaki Visual Studio Code üzerinde yürütme işleminin ayarlanan kesme noktasında duraklatıldığını görebilirsiniz.

    Yürütme işlemi, daha sonra oluşturulmuş olan ayrılma noktasında

    6. Şekil. Yürütme, ayarlanan kesme noktasında duraklatılır.

  7. Google Chat, Chat uygulamasının Your message : Hello yanıtını zaman aşımına uğratmadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde.

  8. Yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünden HTTP istek ve yanıt günlüklerini kontrol edebilirsiniz.

    "ngrok" uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği

    7. Şekil. ngrok uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği.

  9. Uygulama davranışını değiştirmek için Your message öğesini index.json öğesinin Here was your message satır içi 35 ile değiştirin. Dosyayı kaydettiğinizde nodemon, uygulamayı güncellenmiş kaynak koduyla otomatik olarak yeniden yükler ve Visual Studio Code hata ayıklama modunda kalır.

    Uygulama çalışıyor ve kod değişikliği yüklenmiş olarak "9000" bağlantı noktasında HTTP isteklerini dinliyor

    8. Şekil. Uygulama çalışıyor ve kod değişikliği yüklenmiş 9000 bağlantı noktasında HTTP isteklerini dinliyor.

  10. Bu kez, alanda ikinci bir mesaj Hello göndermek yerine, yerel ortamınızdaki ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay işaretini tıklayabilirsiniz. Aynı geçen seferki gibi, Chat uygulamanız da aktif olarak hata ayıklama yaptığı için yanıt vermiyor.

  11. Yürütmeyi Visual Studio Code hata ayıklayıcısından devam ettirdiğinizde yerel ortamınızdaki ngrok uygulaması tarafından barındırılan web arayüzünden, uygulamanın Here was your message : Hello mesajının güncellenmiş sürümüyle bir yanıt oluşturduğunu görebilirsiniz.

Python

  1. Uygulama Varsayılan Kimlik Bilgileri için kullanılacak yeni kullanıcı kimlik bilgilerini edinin:

    gcloud config set project PROJECT_ID
gcloud auth application-default login

    PROJECT_ID kısmını, uygulamanın Cloud projesine ait proje kimliğiyle değiştirin.

  2. GitHub'daki googleworkspace/google-chat-samples deposunu yerel ortamınıza klonlayın. Bu depoda şu uygulama kodu bulunur:

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

  3. Yerel ortamınızda yüklü olan Visual Studio Code IDE'de aşağıdakileri yapın:

    1. Yeni bir pencerede google-chat-samples/python/avatar-app klasörünü açın.

    2. Python env için yeni bir sanal ortam oluşturun ve etkinleştirin:

      virtualenv env
source env/bin/activate

    3. Sanal ortamda pip kullanarak tüm proje bağımlılıklarını yükleyin:

      pip install -r requirements.txt

    4. Kök dizinde .vscode/launch.json dosyasını oluşturun ve env sanal ortamında hata ayıklama modunda 9000 bağlantı noktasındaki functions-framework modülünden uygulamayı tetikleyen Debug Watch adlı bir başlatma yapılandırın:

      {
    "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. main.py dosyasına HTTP isteği işlemeyi duraklatan bir ayrılma noktası ekleyin. Daha önce eklenen Debug Watch yapılandırmasıyla çalışmaya ve hata ayıklamaya başlayın. Uygulama şu anda 9000 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

      Uygulama "9000" bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor

      3. Şekil. Uygulama çalışıyor ve 9000 bağlantı noktasındaki HTTP isteklerini dinliyor.

  4. Yerel ortamınızda ngrok uygulamasını başlatın:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    NGROK_STATIC_DOMAIN değerini ngrok hesabınızdaki statik alanla değiştirin. Tüm istekler artık yerel ortamınıza ve uygulama tarafından kullanılan bağlantı noktasına yönlendirilir.

    "ngrok" sunucusunun çalıştığı ve yönlendirme yaptığı terminal

    4. Şekil. ngrok sunucusunun çalıştığı ve yönlendirme yaptığı terminal.

  5. Web arayüzü, yerel barındırıcınızda ngrok uygulaması tarafından da başlatılır. Uygulamayı bir tarayıcıda açarak tüm etkinlikleri izleyebilirsiniz.

    Hiçbir HTTP isteği göstermeyen "ngrok" uygulaması tarafından barındırılan web arayüzü

    5. Şekil. ngrok uygulaması tarafından barındırılan ve hiçbir HTTP isteği göstermeyen web arayüzü.

  6. Doğrudan mesaj göndererek Chat uygulamanızı test edin:

    • Google Chat'i açın.

      Google Chat'e gidin

    • Yeni sohbet simgesini tıklayın.

    • İletişim kutusuna Chat uygulamanızın adını girin.

    • Arama sonuçlarında Chat uygulamanızı bulun ve Ekle > Sohbet'i tıklayın.

    • Doğrudan mesaj alanına Hey! yazıp enter tuşuna basın. Chat uygulamanız, aktif olarak hata ayıklama işlemi yapıldığından yanıt vermiyor.

  7. Yerel ortamınızdaki Visual Studio Code üzerinde yürütme işleminin ayarlanan kesme noktasında duraklatıldığını görebilirsiniz.

    Yürütme işlemi, daha sonra oluşturulmuş olan ayrılma noktasında

    6. Şekil. Yürütme, ayarlanan kesme noktasında duraklatılır.

  8. Google Chat zaman aşımına uğramadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde Chat uygulaması mesajda adınızı ve avatar resminizi yanıtlamaya başlar.

  9. Yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünden HTTP istek ve yanıt günlüklerini kontrol edebilirsiniz.

    "ngrok" uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği

    7. Şekil. ngrok uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği.

  10. Uygulama davranışını değiştirmek için Hello değerini main.py dosyasının satır içi Hey 51 ile değiştirin. Dosyayı kaydettiğinizde Visual Studio Code, uygulamayı güncellenmiş kaynak koduyla otomatik olarak yeniden yükler ve hata ayıklama modunda kalır.

    Uygulama çalışıyor ve kod değişikliği yüklenmiş olarak "9000" bağlantı noktasında HTTP isteklerini dinliyor

    8. Şekil. Uygulama çalışıyor ve kod değişikliği yüklenmiş 9000 bağlantı noktasında HTTP isteklerini dinliyor.

  11. Bu kez, alanda ikinci bir mesaj Hey! göndermek yerine, yerel ortamınızdaki ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay işaretini tıklayabilirsiniz. Öncekinde olduğu gibi, Chat uygulamanız aktif olarak hata ayıklama yapıldığı için yanıt vermiyor.

  12. Yürütmeyi Visual Studio Code hata ayıklayıcısından devam ettirdiğinizde yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünden, uygulamanın mesajın güncellenmiş sürümüyle bir yanıt oluşturduğunu görebilirsiniz.

Java

  1. Uygulama Varsayılan Kimlik Bilgileri için kullanılacak yeni kullanıcı kimlik bilgilerini edinin:

    gcloud config set project PROJECT_ID
gcloud auth application-default login

    PROJECT_ID kısmını, uygulamanın Cloud projesine ait proje kimliğiyle değiştirin.

  2. GitHub'daki googleworkspace/google-chat-samples deposunu yerel ortamınızda klonlayın. Bu depoda uygulama kodu bulunur:

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

  3. Yerel ortamınızda yüklü olan Visual Studio Code IDE'de aşağıdakileri yapın:

    1. Yeni bir pencerede google-chat-samples/java/avatar-app klasörünü açın.

    2. pom.xml dosyasına Cloud Functions Framework derleme eklentisini function-maven-plugin ekleyerek Maven projesini 9000 bağlantı noktasında HelloChat uygulamasını yerel olarak çalıştıracak şekilde yapılandırın:

      ...
<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. Artık hata ayıklama modunda yerel olarak başlatabilirsiniz:

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

    4. Kök dizinde .vscode/launch.json dosyasını oluşturun ve daha önce 8000 bağlantı noktasıyla başlatılan uygulamaya eklenen Remote Debug Watch adlı bir başlatma yapılandırın:

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

    5. HelloChat.java dosyasına HTTP isteği işlemeyi duraklatan bir ayrılma noktası ekleyin. Daha önce eklenen Remote Debug Watch yapılandırmasıyla eklemeye ve hata ayıklamaya başlayın. Uygulama şu anda 9000 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

      Uygulama &quot;9000&quot; bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor

      Şekil 3. Uygulama 9000 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

  4. Yerel ortamınızda ngrok uygulamasını başlatın:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    NGROK_STATIC_DOMAIN değerini ngrok hesabınızdaki statik alanla değiştirin. Tüm istekler artık yerel ortamınıza ve uygulama tarafından kullanılan bağlantı noktasına yönlendirilir.

    &quot;ngrok&quot; sunucusunun çalıştığı ve yönlendirme yaptığı terminal

    4. Şekil. ngrok sunucusunun çalıştığı ve yönlendirme yaptığı terminal.

  5. Web arayüzü, yerel barındırıcınızda ngrok uygulaması tarafından da başlatılır. Uygulamayı bir tarayıcıda açarak tüm etkinlikleri izleyebilirsiniz.

    Hiçbir HTTP isteği göstermeyen &quot;ngrok&quot; uygulaması tarafından barındırılan web arayüzü

    5. Şekil. ngrok uygulaması tarafından barındırılan ve hiçbir HTTP isteği göstermeyen web arayüzü.

  6. Doğrudan mesaj göndererek Chat uygulamanızı test edin:

    • Google Chat'i açın.

      Google Chat'e gidin

    • Yeni sohbet simgesini tıklayın.

    • İletişim kutusuna Chat uygulamanızın adını girin.

    • Arama sonuçlarında Chat uygulamanızı bulun ve Ekle > Sohbet'i tıklayın.

    • Doğrudan mesaj alanına Hey! yazıp enter tuşuna basın. Chat uygulamanız, aktif olarak hata ayıklama işlemi yapıldığından yanıt vermiyor.

  7. Yerel ortamınızdaki Visual Studio Code üzerinde yürütme işleminin ayarlanan kesme noktasında duraklatıldığını görebilirsiniz.

    Yürütme işlemi, daha sonra oluşturulmuş olan ayrılma noktasında

    6. Şekil. Yürütme, ayarlanan kesme noktasında duraklatılır.

  8. Google Chat zaman aşımına uğramadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde Chat uygulaması mesajda adınızı ve avatar resminizi yanıtlamaya başlar.

  9. Yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünden HTTP istek ve yanıt günlüklerini kontrol edebilirsiniz.

    &quot;ngrok&quot; uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği

    7. Şekil. ngrok uygulaması tarafından barındırılan web arayüzünden gelen HTTP isteği.

  10. Uygulama davranışını değiştirmek için Hello öğesini HelloChat.java dosyasının satır içi Hey 55 ile değiştirin, mvnDebug işlemini yeniden başlatın ve Remote Debug Watch uygulamasını yeniden başlatarak hata ayıklamayı yeniden ekleyin ve yeniden başlatın.

  11. Bu kez, alanda ikinci bir mesaj Hey! göndermek yerine, yerel ortamınızdaki ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay işaretini tıklayabilirsiniz. Aynı geçen seferki gibi, Chat uygulamanız da aktif olarak hata ayıklama yaptığı için yanıt vermiyor.

  12. Yürütmeyi Visual Studio Code hata ayıklayıcısından devam ettirdiğinizde yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünden, uygulamanın mesajın güncellenmiş sürümüyle bir yanıt oluşturduğunu görebilirsiniz.

Uzak ortamdan hata ayıklama

Bu bölümde, uzak bir ortamda çalışan Chat uygulamanızla etkileşimde bulunacaksınız.

Uzak ortamdan hata ayıklama

9. Şekil. Uzak ortamdan hata ayıklayın.

Ön koşullar

  • Chat uygulamanızla doğrudan mesaj alanı. Hızlı başlangıç kılavuzunun Chat uygulamanızı test etme bölümünü takip edebilir ve başlamak için Chat uygulamanızı arayabilirsiniz.
  • Hata ayıklayıcı etkinken uzak ortamınızda çalışan uygulamanız, bu kılavuzun talimatlarında REMOTE_DEBUG_PORT olarak referans verilmiştir.
  • Yerel ortamınız uzak ortamınıza ssh.
  • Yerel ortamınızda hata ayıklama yapabilen bir IDE kurulumu. Bu kılavuzda Visual Studio Code IDE ve varsayılan hata ayıklama özellikleri açıklama amacıyla kullanılmaktadır.

Yerel ve uzak ortamlarınızı bağlayın

Yerel ortamınızda hata ayıklama istemci bağlantısı başlatmak istediğiniz yerde bir SSH tüneli oluşturun:

ssh -L LOCAL_DEBUG_PORT:localhost:REMOTE_DEBUG_PORT REMOTE_USERNAME@REMOTE_ADDRESS

Aşağıdakini değiştirin:

  • LOCAL_DEBUG_PORT: Yerel ortamınızdaki hata ayıklama bağlantı noktasıdır.
  • REMOTE_USERNAME: Uzak ortamınızdaki kullanıcı adı.
  • REMOTE_ADDRESS: Uzak ortamınızın adresi.
  • REMOTE_DEBUG_PORT: Uzak ortamınızdaki hata ayıklama bağlantı noktası.

Yerel ortamınızdaki hata ayıklama bağlantı noktası, artık uzak ortamınızdaki hata ayıklama bağlantı noktasına bağlıdır.

Hata ayıklamayı başlat

Yerel ortamınızda yüklü olan Visual Studio Code IDE'de aşağıdakileri yapın:

  1. Yeni bir pencerede uygulamanızın kaynak kodunu açın.

  2. Kök dizinde .vscode/launch.json dosyasını oluşturun ve yerel ortamınızdaki hata ayıklama bağlantı noktasına eklenen Debug Remote adlı bir başlatma yapılandırın:

    Node.js

    {
    "version": "0.2.0",
    "configurations": [{
        "type": "node",
        "request": "attach",
        "name": "Debug Remote",
        "address": "127.0.0.1",
        "port": LOCAL_DEBUG_PORT
    }]
}

    Python

    {
    "version": "0.2.0",
    "configurations": [{
        "type": "python",
        "request": "attach",
        "name": "Debug Remote",
        "connect": {
            "host": "127.0.0.1",
            "port": LOCAL_DEBUG_PORT
        }
    }]
}

    Java

    {
    "version": "0.2.0",
    "configurations": [{
        "type": "java",
        "request": "attach",
        "name": "Debug Remote",
        "hostName": "127.0.0.1",
        "port": LOCAL_DEBUG_PORT
    }]
}

    LOCAL_DEBUG_PORT değerini yerel ortamınızdaki hata ayıklama bağlantı noktasıyla değiştirin.

  3. Uygulamanızın kaynak koduna, HTTP isteği işlemeyi duraklatan bir ayrılma noktası ekleyin. Daha önce eklenen Debug Remote yapılandırmasıyla çalışmaya ve hata ayıklamaya başlayın.

Chat uygulamanızın bulunduğu doğrudan mesaj alanına test etmek istediğiniz her şeyi yazın ve enter tuşuna basın. Chat uygulamanız, Visual Studio Code IDE'de etkin bir şekilde hata ayıklama işlemi yapıldığından yanıt vermiyor.