TIPS: Debug de funções serverless usando Chrome DevTools

Uma nova categoria, mas que vou usar também como lembretes para coisas que posso precisar no futuro enquanto compartilho um pouco de conhecimento. :)

Inicialmente em 2019 era para eu continuar como front-end no projeto que estava, mas as coisas já começaram diferente e atuarei como back-end. Um dos desafios é aprender serverless e trabalhar com isso. 😃

Sempre que trabalho com Node uso bastante o chrome devtools para analisar meus códigos e encontrar problemas, o famoso debug. Mas como fazer isso com serverless?

As pesquisas que fiz só encontrava como fazer isso usando o VSCode e remo contra a maré e uso o Atom. 😝

Então vamos ao que descobri sobre como usar o chrome devtools para debuggar meu código escrito para ser usado em serverless. Segue a linha de comando que explico abaixo:

node --inspect ./node_modules/serverless/bin/serverless offline start --port=3001

Primeiro inicia o node e o inspect padrão e na sequencia chama o pacote do serverless e a porta que ele escutará. Pronto é isso, agora só abrir o devtools e clicar no icone do node que você já poderá ver seu código, para facilitar ainda mais escreva um comando debugger no seu código e faça uma requisição.

Espero que essa dica rápida te ajude a não precisar configurar o VsCode para debug.


Artigos que me ajudaram

https://stackoverflow.com/questions/51032833/how-to-debug-serverless-offline-in-visual-studio-code-using-another-port

Se quiser mudar a porta do VsCode ou configurar o VsCode segue esse link

https://stackoverflow.com/questions/51032833/how-to-debug-serverless-offline-in-visual-studio-code-using-another-port

https://stackoverflow.com/questions/42085694/debugging-serverless-framework-invoke-local-function