Frontend chamando Backend (ReactJS + Axios)

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น •

  • @LuizTools
    @LuizTools  ปีที่แล้ว +2

    Conheça meus cursos: www.luiztools.com.br/meus-cursos

  • @inaciooliveira6383
    @inaciooliveira6383 4 หลายเดือนก่อน +2

    Show de bola! Consegui fazer as operações num back que criei, com Sql Server, e deu tudo certo. Parabéns pela didática!

    • @LuizTools
      @LuizTools  4 หลายเดือนก่อน

      Fico feliz que tenha ajudado!

  • @jeffersonribeiro2045
    @jeffersonribeiro2045 ปีที่แล้ว +1

    Muito bacana e bem explicativo

    • @LuizTools
      @LuizTools  ปีที่แล้ว

      Fico feliz que tenha gostado Jefferson!

  • @alas5k362
    @alas5k362 ปีที่แล้ว +2

    Eu entendi a aula perfeitamente, mas bugo quando se trata de servidor real, tenho um form muito simples, 3 checkbox, 1 range e um input email, quero enviar esses dados usando axios pro meu db mySQL, em php eu sei mas to procurando pro reactjs com axios e n to achando

    • @LuizTools
      @LuizTools  ปีที่แล้ว

      Pode continuar usando o PHP, já que o que ensinei no vídeo é somente frontend. Você vai pegar os dados com React e enviar via Axios para seu PHP (no meu exemplo estou enviando para o Node.js). Talvez seja essa a sua confusão, de achar que React + Axios substitui o PHP, quando não é verdade.

    • @alas5k362
      @alas5k362 ปีที่แล้ว +1

      @@LuizTools obg por retornar! eu construi um sisteminha onde eu trabalhava e usei ajax com php, depois desses anos parado eu voltei aprendendo react, e bugo quando vejo o pessoal usando o post só com o caminho, que usa o caminho pra enviar os dados do form ok, mas e lá na ponta como pegar e passar ao insert saca? to vendo com express agora, mais ainda confuso quanto ao crud

    • @LuizTools
      @LuizTools  ปีที่แล้ว +2

      @@alas5k362 Então nesse caso o seu problema não vai ser resolvido com esse vídeo, pois ele é de frontend. Seu problema é como usar um backend Node.js para receber requisições HTTP. Recomendo a guia de estudos de ExpressJS lá do blog: www.luiztools.com.br/node-js-e-express/

  • @JuniorTeixeiraDev
    @JuniorTeixeiraDev ปีที่แล้ว +2

    Show de bola amigo, eu tenho uma dúvida, quando eu subir meu Backend pra uma nuvem ele vai aceitar requisições de qualquer pessoa que tenha o caminho da rota correto? Como eu protegeria isto pra ser restrito ao meu domínio onde está o backend ?

    • @LuizTools
      @LuizTools  ปีที่แล้ว

      Do ponto de vista de infra, se abrir pra Internet, está aberto, ponto, qualquer um pode TENTAR requisitar. Para controlar quem vai ter permissão de fazê-lo de fato, geralmente se usa tokens de autenticação ou API Keys. Por exemplo, a API do TH-cam, eu tenho API Key pra usar em meu blog, já o front do Gmail usa token para se comunicar com o backend do Gmail. Pesquisa por JWT aqui no meu canal que você aprende mais sobre o assunto.

    • @JuniorTeixeiraDev
      @JuniorTeixeiraDev ปีที่แล้ว +1

      @@LuizTools muito obrigado irmão por esclarecer, Deus abençoe você 🙏🏼

  • @vayneMP7
    @vayneMP7 9 หลายเดือนก่อน +2

    Muito bom o vídeo

    • @LuizTools
      @LuizTools  9 หลายเดือนก่อน

      Fico feliz que tenha gostado!

  • @werlenxaraujo456
    @werlenxaraujo456 4 หลายเดือนก่อน +1

    exatamente isso

    • @LuizTools
      @LuizTools  4 หลายเดือนก่อน

      Fico feliz que era isso que estava procurando!

  • @mariadapenhajosedossantosm7057
    @mariadapenhajosedossantosm7057 9 หลายเดือนก่อน

    Estou tentando conectar o frontend com o beckend em uma rota de post usando react.js más ta doficil.

    • @LuizTools
      @LuizTools  9 หลายเดือนก่อน +1

      É só fazer como fiz no vídeo. Se precisar de um reforço de Axios, esse outro vídeo pode ajudar: th-cam.com/video/QEeYMngP1O0/w-d-xo.html
      Recomendo também que teste primeiro o backend separado, pode fazer isso com o Postman: th-cam.com/video/tWu5eoFeIVQ/w-d-xo.html

  • @renatoknot
    @renatoknot ปีที่แล้ว

    Fala mestre, no canal tem algum projeto completo de React/Next.js?

    • @LuizTools
      @LuizTools  ปีที่แล้ว +2

      Projeto mesmo não, apenas alguns exemplos simples, como esse aqui: th-cam.com/video/SFGBVth1n8E/w-d-xo.html
      Projetos completos apenas nos cursos mesmo.