Testando o Laravel no celular pela rede local

Frank K Hosaka · Junho 7

Encontrei na internet uma dica de como fazer o celular se conectar no Laravel, sem precisar mexer no modem.

No terminal o comando é php artisan serve --host 0.0.0.0

Supondo que o IP do notebook é 192.168.0.10, então você digita 192.168.0.10:8000 no celular conectado na rede local.

Essa é uma boa dica para quem está estudando a apresentação do Laravel no celular, antes de mandar tudo para o servidor.

A Gemini me deu uma boa dica de como apresentar o Laravel no notebook e no celular ao mesmo tempo, usando o CSS @media:

arquivo resources > views > app.blade.php
<!DOCTYPE html>
<html lang="en">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projeto Laravel</title>
<body class="bg-body-tertiary">

arquivo resources > views > auth > login.blade.php
<style>
/* Estilos para telas maiores que 768px (desktops) */
@media (min-width: 768px) 
{
  main 
  {
    width: 25%; /* Largura de 25% para desktops */
  }
}

/* Estilos para telas menores que 768px (celulares) */
@media (max-width: 767px) 
{
  main 
  {
    width: 75%; /* Largura de 75% para celulares */
  }
}
</style>
@extends('app')
<div style="height:150px"></div>
<main class="m-auto">
@if(session()->has('mensagem'))
    <div class="alert alert-success">
        {{ session()->get('mensagem') }}
    </div>
@endif
<form method="POST" action="{{ route('login.custom') }}">
    <h1 class="h3 mb-3 fw-normal">Projeto Laravel</h1>
    @csrf
    <div class="form-floating">
    <input type="email" class="form-control" name=email autofocus>
    <label>Email</label>
    @if ($errors->has('email'))
    <span class="text-danger">{{ $errors->first('email') }}</span>
    @endif
    </div>
    <div class="my-1"></div>
    <div class="form-floating">
    <input type="password" class="form-control"
      name=password required ondblclick="this.type='text'">
    <label>Duplo clique para ver a Senha</label>
    @if ($errors->has('password'))
    <span class="text-danger">{{ $errors->first('password') }}</span>
     @endif
    </div>
    <div class="my-3"></div>
    <button class="w-100 btn btn-lg btn-primary" type="submit">Entrar</button>
</form>
</main>

Editado Junho 7 por Frank K Hosaka

Entrar

Testando o Laravel no celular pela rede local

Pergunta

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades