Como Configurar o Debug no TOTVS VSCode com Protheus WebApp(Via Navegador)

Adilio Costa 22 de julho de 2025 TDS VSCode

Tempo de leitura: 1 minuto

Olá, no post de hoje iremos aprender como configurar o debug(depuração) no TOTVS VSCode com o Protheus WebApp(via navegador).

Com a mudança do SmartClient Desktop para WebApp(via navegador) o processo de debug de fontes no TOTVS VSCode mudou e iremos ver em um passo a passo como fazer essa configuração.

Para iniciar essa configuração clique na aba de debug Executar e Depurar conforme a imagem abaixo:

Depois clique na engrenagem conforme a imagem abaixo:

Depois na parte inferior clique em Adicionar Configurações(ou Add Configuration(caso seu TOTVS VSCode esteja em inglês)):

Na próxima tela que aparece selecione a opção Depuração do Idioma TOTVS via Web App(ou TOTVS Language Debug via Web App(caso esteja com o TOTVS VSCode em inglês)):

Na próxima tela que aparece informe a tag “smartclientUrl” e o ip:porta do seu SmartClient Web(http://localhost:1024/webapp/). A tag “name” será o nome de identificação do debug, nesse caso “Smart Client Web Debug”:

Selecione o launcher que foi criado, no caso o Smart Client Web Debug:

Clique em Configurações e depois na engrenagem da parte inferior(Manage) e depois em Settings:

Na próxima tela que aparece, no campo de pesquisa(1) pesquise por navigador, e na aba User(2) aparecerá o caminho completo do seu navegador(3), você poderá alterar esse caminho para o navegador de sua preferência:

Inicie o processo de depuração da mesma forma que faria utilizando o SmartClient Desktop, colocando os pontos de paradas e clique na seta do launcher criado ou teclando F5 para iniciar o processo de debug do fonte:

Na próxima tela que entramos no modo de debug e chegamos no ponto de parada:

Abaixo ver a mensagem do programa U_TesteDeb “Teste de debug via navegador…” sendo exibido no navegador, da mesma forma que seria exibido utilizando o SmartClient Desktop.