Executando verificação de segurança...
1

🔵 [Flutter] - Como testar seu app Flutter no seu smartphone via Wi-Fi!

Primeiros passos:

Primeiramente devemos ativar as Opções de Desenvolvedor no seu smartphone.

Como ativo as opções do desenvolvedor?

Fácil! Para ativar as opções do desenvolvedor, toque em Número da versão sete vezes. Você pode encontrar essa opção em um dos seguintes locais, dependendo da versão do Android:

  • Android 9 (API de nível 28) ou mais recente: Configurações > Sobre o dispositivo > Número da versão.
  • Android 8.0.0 (API de nível 26) e Android 8.1.0 (API de nível 26): Configurações > Sistema > Sobre o dispositivo > Número da versão.
  • Android 7.1 (API de nível 25) e anteriores: Configurações > Sobre o dispositivo > Número da versão.
    Imagem mostrando o passo a passo de como ativar as opções de desenvolvedor

Após isso iremos registrar o termo 'adb' nas variáveis de ambiente do seu computador!

  1. Abra o Windows Explorer.
  2. Clique com o botão direito do mouse sobre "Este computador"(Meu Computador ou Computador, em outras versões do windows).
  3. Selecione "Propriedades".
    Imagem mostrando a janela de propriedades
  4. Na tela que abrir de Propriedades, selecione a opção “Configurações avançadas de Sistema”.
    Imagem mostrando as configurações avançadas de sistema
  5. Na tela aberta das Configurações avançadas, clique no botão “Variáveis de ambiente”.
    Imagem mostrando onde fica o botão variáveis de ambiente
  6. Localize e selecione a variável Path. Em seguida, clique em Editar.
    Imagem mostrando onde fica a variável path e onde fica o botão editar
  7. Após isso clique em Novo, adicione este caminho: C:\Users\USERNAME\AppData\Local\Android\sdk\platform-tools, após isso clique no OK.
    Imagem mostrando onde fica o botão novo

Obs: No lugar de "USERNAME" adicione o seu nome de usuário que está no seu PC.

Agora devemos verificar se o seu smartphone possui a versão Android 11 ou superior, ou inferior a essa.

Como verifico a versão do meu android?

Muito simples! Vem comigo e segue o passo a passo:

  • Abra o app Configurações do seu smartphone.
  • Perto da parte de baixo da tela, toque em Sobre o dispositivo > Informações do software.
    Imagem mostrando passo a passo de como verificar a versão do android passo a passo

Prontinho, após termos feitos esses primeiros passos, podemos prosseguir:

Colocando a mão na massa!

Caso o seu Android seja o 11 ou superior continue lendo, caso contrário desça até o fim do post para ver o passo a passo para a versão 10 ou inferior do Android.

  1. Entre nas configurações de desenvolvedor do seu smartphone.
  2. Ative a opção Depuração por Wi-fi.
    Imagem mostrando onde fica a opção Depuração por Wi-fi
  3. Permita o acesso a rede.
    Imagem mostrando janela de permitir o acesso a rede
  4. Clique em cima da opção Depuração por Wi-fi, mostrada anteriormente.
  5. Clique em Parear o dispositivo com um código de pareamento.
  6. Após isso ira aparecer uma janela com um código, o ip do seu smartphone e uma porta.
    Imagem mostrando janela que mostra código, ip do smartphone e uma porta para se conectar

Agora para realizarmos a conexão iremos para um terminal no Windows:

  1. Abra o terminal no seu windows (basta procurar por prompt de comando ou cmd no campo de pesquisa de qualquer versão do Windows).
  2. Digite "adb pair ipDoSeuSmartphone:porta"
    Exemplo: adb pair 192.168.18.33:5555
  3. Após isso o terminal irá te pedir o código de pareamento que vai ser o que está aparecendo na tela do seu smartphone.
    Imagem mostrando janela que mostra código, ip do smartphone e uma porta para se conectar
    Neste caso do exemplo, será 496164.
  4. Após isso digite flutter devices, e nós poderemos ver que o seu smartphone estará aparecendo.
  5. Após isso basta abrir o VSCode e runnar seu APP!

Obs: Caso não funcione desta forma, tente da forma a seguir:

Caso seu Android seja da versão 10 ou inferior siga estes passos:

  1. Conecte seu smartphone via USB com seu computador e permita o acesso no smartphone.
  2. Após ativar as Opções de Desenvolvedor e registrar o termo 'adb' nas variáveis de ambiente, abra o terminal no Windows, basta procurar por prompt de comando ou cmd no campo de pesquisa de qualquer versão do Windows, e digite: adb tcpip 5555
  3. Digite adb connect (ip do seu smartphone:5555)
    Exemplo: adb connect 192.168.18.33:5555
  4. Após isso, digite flutter devices
  5. E já será possível ver seu smartphone na lista dos dispositivos disponíveis para runnar seu app!
  6. Após isso basta abrir o VSCode e runnar seu APP!
    Obs: Após isso pode retirar o cabo USB.
Caso tenha dúvidas:
  1. Pode acessar este vídeo do Prof. Diego Antunes que está muito bem explicado passo a passo para vocês, inclusive foi de lá que tirei a ideia de compartilhar isso com vocês!
    Clique aqui para ser redirecionado para o vídeo citado
  2. Caso continue com dúvidas pode comentar aqui nesse post que estarei respondendo e sanando suas dúvidas assim que possível.
Carregando publicação patrocinada...
1