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
Se quiser mudar a porta do VsCode ou configurar o VsCode segue esse link
https://stackoverflow.com/questions/42085694/debugging-serverless-framework-invoke-local-function