Google Workspace Eklentilerinde Hata Ayıklama

Google Workspace eklentisi geliştiricisi olarak değişiklikleri test etmek veya karmaşık sorunları gidermek için kodda hata ayıklamanız gerekebilir. Google Workspace Eklentilerinde hata ayıklama; 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 Google Workspace eklentisinde 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 Google Workspace Eklentinizle 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.

Ön koşullar

Node.js

Python

Java

Localhost hizmetini herkese açık hale getirme

Google Workspace eklentisinin 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.

Eklenti dağıtımını oluşturma ve yükleme

  1. Google Workspace Eklentisini, tüm HTTP isteklerini statik alanınıza gönderecek şekilde yapılandırın. Dağıtım dosyanız aşağıdaki gibi görünmelidir:

    {
      "oauthScopes": [
        "https://www.googleapis.com/auth/workspace.linkpreview",
        "https://www.googleapis.com/auth/workspace.linkcreate"
      ],
      "addOns": {
        "common": {
          "name": "Manage support cases",
          "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png",
          "layoutProperties": {
            "primaryColor": "#dd4b39"
          }
        },
        "docs": {
          "linkPreviewTriggers": [
            {
              "runFunction": "NGROK_STATIC_DOMAIN",
              "patterns": [
                {
                  "hostPattern": "example.com",
                  "pathPrefix": "support/cases"
                },
                {
                  "hostPattern": "*.example.com",
                  "pathPrefix": "cases"
                },
                {
                  "hostPattern": "cases.example.com"
                }
              ],
              "labelText": "Support case",
              "localizedLabelText": {
                "es": "Caso de soporte"
              },
              "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png"
            }
          ],
          "createActionTriggers": [
            {
              "id": "createCase",
              "labelText": "Create support case",
              "localizedLabelText": {
                "es": "Crear caso de soporte"
              },
              "runFunction": "$URL2",
              "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png"
            }
          ]
        }
      }
    }
    

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

  2. Kullanılacak Google Cloud projesini ayarlayın:

    gcloud config set project PROJECT_ID
    
  3. Uygulama Varsayılan Kimlik Bilgileri için kullanılacak yeni kullanıcı kimlik bilgilerini edinin:

    gcloud auth application-default login
    

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

  4. Dağıtımı oluşturun:

    gcloud workspace-add-ons deployments create manageSupportCases \
        --deployment-file=DEPLOYMENT_FILE_PATH
    

    DEPLOYMENT_FILE_PATH öğesini dağıtım dosyanızın yoluyla değiştirin.

  5. Dağıtımı yükleyin:

    gcloud workspace-add-ons deployments install manageSupportCases
    

Google Workspace Eklentisi, tüm HTTP isteklerini statik alan adına

2. Şekil. Google Workspace Eklentisi, tüm HTTP isteklerini statik alan adına gönderir. ngrok kamu hizmeti, Google Workspace eklentisi ile yerel olarak yürütülen uygulama kodu arasında bir köprü görevi görür.

Google Workspace eklentisini test etme

Google Workspace Eklentinizi yerel olarak dağıtabilir, test edebilir, hata ayıklayabilir ve otomatik olarak yükleyebilirsiniz.

Node.js

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

    1. Yeni bir pencerede add-ons-samples/node/3p-resources klasörünü açın.
    2. package.json dosyasına bir bağımlılık ve iki komut dosyası ekleyerek uygulamayı yerel çalıştırma ve otomatik yeniden yükleme hata ayıklaması için yapılandırın:

      {
          ...
          "dependencies": {
            ...
            "@google-cloud/functions_framework": "^3.3.0"
          },
          "scripts": {
              ...
              "start": "npx functions-framework --target=createLinkPreview --port=9500",
              "debug-watch": "nodemon --watch ./ --exec npm start"
          }
          ...
      }
      
    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 9500 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

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

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

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

    ngrok http --domain=NGROK_STATIC_DOMAIN 9500
    

    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.

  3. 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ü.

  4. Test kullanıcısı hesabıyla yeni bir Google Dokümanında destek kaydı URL'sini önizleyerek Google Workspace Eklentinizi test edin:

    • Yeni bir Google Dokümanı oluşturun.

      Yeni bir Google Dokümanı oluşturma

    • Aşağıdaki bağlantıyı yazın ve enter tuşuna basın:

      https://example.com/support/case/?name=Name1&description=Description1&priority=P1
      
    • Bağlantıyı tıklayın.

  5. 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.

  6. Google Workspace Eklentileri zaman aşımına uğramadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde, Google Workspace eklentisi önbellekteki Google Dokümanında bağlantı önizlemesini gösterir.

  7. 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.

  8. Uygulama davranışını değiştirmek için Case öğesini index.js öğesinin satır içi Case: 51 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 "9500" bağlantı noktasında HTTP isteklerini dinliyor

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

  9. Bu kez, bağlantıyı tıklayıp yeni bir Google Dokümanında birkaç saniye beklemek yerine, yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay bağlantısını tıklayabilirsiniz. Aynı geçen seferki gibi, Google Workspace Eklentiniz de aktif olarak hata ayıklama işlemi uygulandığından yanıt vermiyor.

  10. 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 önizleme kartının güncellenmiş sürümüyle bir yanıt oluşturduğunu görebilirsiniz.

Python

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

    1. Yeni bir pencerede add-ons-samples/python/3p-resources/create_link_preview 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 9500 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", "create_link_preview",
                  "--port", "9500",
                  "--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 9500 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

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

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

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

    ngrok http --domain=NGROK_STATIC_DOMAIN 9500
    

    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.

  3. 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ü.

  4. Test kullanıcısı hesabıyla yeni bir Google Dokümanında destek kaydı URL'sini önizleyerek Google Workspace Eklentinizi test edin:

    • Yeni bir Google Dokümanı oluşturun.

      Yeni bir Google Dokümanı oluşturma

    • Aşağıdaki bağlantıyı yazın ve enter tuşuna basın:

      https://example.com/support/case/?name=Name1&description=Description1&priority=P1
      
    • Bağlantıyı tıklayın.

  5. 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.

  6. Google Workspace Eklentileri zaman aşımına uğramadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde, Google Workspace eklentisi önbellekteki Google Dokümanında bağlantı önizlemesini gösterir.

  7. 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.

  8. Uygulama davranışını değiştirmek için Case değerini main.py dosyasının satır içi Case: 56 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 "9500" bağlantı noktasında HTTP isteklerini dinliyor

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

  9. Bu kez, bağlantıyı tıklayıp yeni bir Google Dokümanında birkaç saniye beklemek yerine, yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay bağlantısını tıklayabilirsiniz. Aynı geçen seferki gibi, Google Workspace Eklentiniz de aktif olarak hata ayıklama işlemi uygulandığından yanıt vermiyor.

  10. 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 önizleme kartının güncellenmiş sürümüyle bir yanıt oluşturduğunu görebilirsiniz.

Java

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

    1. Yeni bir pencerede add-ons-samples/java/3p-resources klasörünü açın.
    2. pom.xml dosyasına Cloud Functions Framework derleme eklentisini function-maven-plugin ekleyerek Maven projesini 9500 bağlantı noktasında CreateLinkPreview 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>CreateLinkPreview</functionTarget>
              <port>9500</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. CreateLinkPreview.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 9500 bağlantı noktasında çalışıyor ve HTTP isteklerini dinliyor.

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

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

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

    ngrok http --domain=NGROK_STATIC_DOMAIN 9500
    

    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.

  3. 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ü.

  4. Test kullanıcısı hesabıyla yeni bir Google Dokümanında destek kaydı URL'sini önizleyerek Google Workspace Eklentinizi test edin:

    • Yeni bir Google Dokümanı oluşturun.

      Yeni bir Google Dokümanı oluşturma

    • Aşağıdaki bağlantıyı yazın ve enter tuşuna basın:

      https://example.com/support/case/?name=Name1&description=Description1&priority=P1
      
    • Bağlantıyı tıklayın.

  5. 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.

  6. Google Workspace Eklentileri zaman aşımına uğramadan önce Visual Studio Code hata ayıklayıcısından yürütme işlemini devam ettirdiğinizde, Google Workspace eklentisi önbellekteki Google Dokümanında bağlantı önizlemesini gösterir.

  7. 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.

  8. Uygulama davranışını değiştirmek için Case değerini CreateLinkPreview.java dosyasının satır içi Case: 78 ile değiştirin, mvnDebug işlemini ve Remote Debug Watch öğesini yeniden başlatarak hata ayıklamayı yeniden ekleyin ve yeniden başlatın.

  9. Bu kez, bağlantıyı tıklayıp yeni bir Google Dokümanında birkaç saniye beklemek yerine, yerel ortamınızda ngrok uygulaması tarafından barındırılan web arayüzünde günlüğe kaydedilen son HTTP isteğini seçebilir ve Replay bağlantısını tıklayabilirsiniz. Aynı geçen seferki gibi, Google Workspace Eklentiniz de aktif olarak hata ayıklama işlemi uygulandığından yanıt vermiyor.

  10. 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 önizleme kartını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 Google Workspace Eklentinizle etkileşimde bulunacaksınız.

Uzak ortamdan hata ayıklama

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

Ön koşullar

  • Google Workspace eklentiniz dağıtıldı ve yüklendi.
  • 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.

Yüklü Google Workspace eklentinizle etkileşimde bulunun. Google Workspace Eklentiniz, Visual Studio Code IDE'sinde etkin bir şekilde hata ayıklama işlemi yapıldığından yanıt vermiyor.

Hata günlüklerinin nasıl sorgulanacağını öğrenin.