A prévia — seu app rodando ao vivo
ResumindoA aba Prévia roda o seu app de verdade enquanto você cria. Use a barra de endereço para abrir qualquer página, os botões de dispositivo para ver o app na largura de tablet (820 px) ou de celular (390 px), ↻ para recarregar, ⟲ para reiniciar e a seta para abrir em uma aba própria. Depois de 20 minutos sem uso, ela entra em repouso e mostra uma cópia salva até você voltar.
A aba Prévia é o seu app rodando de verdade, em um computador na nuvem só dele e seguro. Não é uma imagem: você pode clicar, criar uma conta, agendar uma aula ou fazer um pedido, e o que você digita fica salvo no banco de dados do app. Cada alteração que o MonstarX faz aparece aqui em segundos.
O que tem na barra da prévia?
Seção intitulada “O que tem na barra da prévia?”Da esquerda para a direita:
| Controle | O que faz |
|---|---|
| Status | Ativo quando o app está rodando, Iniciando enquanto ele inicia, Parado quando está em repouso e Erro se algo falhou. |
| Barra de endereço | A página em que você está e uma lista com todas as páginas do app. |
| Desktop / tablet / celular | Mostra o app na largura total, com 820 px ou com 390 px. |
| Editar | Aponte para a página e diga o que mudar. Veja Modo de edição. |
| Recortar | Coloque uma imagem de parte da página na sua mensagem. Veja Recortar. |
| Comentários | Os comentários que as pessoas deixaram na prévia, e os seus. Veja Compartilhar e comentar. |
| ↻ Recarregar prévia | Carrega a página atual de novo. |
| ⟲ Reiniciar servidor de desenvolvimento | Reinicia a prévia do app. Use quando a prévia estiver travada ou desatualizada. |
| Copiar link público da prévia (o ícone de copiar) | Copia o endereço da prévia na página em que você está — passe o mouse sobre o botão para vê-lo. Qualquer pessoa com o link pode abrir a prévia. No menu •••, ele se chama Copiar o link da prévia. |
| ↗ Abrir prévia em uma nova aba | Abre a prévia em uma aba própria do navegador. |
Quando o painel da prévia está estreito — por exemplo, em um notebook com o chat bem aberto —, as ferramentas depois da barra de endereço vão para um menu ••• (Opções da prévia) no fim da linha.
Como abro outra página?
Seção intitulada “Como abro outra página?”Clique na barra de endereço. Abre uma lista com todas as páginas do app e o arquivo de onde cada uma vem.
- Clique em uma página, ou digite para filtrar a lista e aperte Enter. Digitar o começo de uma página e apertar Enter já abre essa página (
/prabre/pricing). - Use ↑ e ↓ para percorrer a lista e Esc para fechá-la.
- Páginas com uma parte que muda, como
/classes/$id, colocam o modelo na caixa com essa parte selecionada, para você digitar um valor real. - Se você colar um endereço completo, só a parte depois do domínio é mantida (
/pricing).
A lista vai sendo preenchida conforme o MonstarX cria novas páginas. Você também pode clicar nos links dentro do app.
Como confiro meu app no celular ou no tablet?
Seção intitulada “Como confiro meu app no celular ou no tablet?”Clique no botão de tablet ou de celular na barra. A prévia fica com 820 px (tablet) ou 390 px (celular) de largura, para você ver como o layout se adapta — menus que viram um botão, colunas que se empilham.
Para ver de verdade, abra a prévia no seu celular — veja Crie pelo celular.
Recarregar ou reiniciar?
Seção intitulada “Recarregar ou reiniciar?”- ↻ Recarregar é como apertar o botão de atualizar do navegador: carrega a página de novo. Tente primeiro quando algo parecer desatualizado.
- ⟲ Reiniciar servidor de desenvolvimento reinicia o programa que serve o seu app. Use quando recarregar não resolver, quando a prévia parecer travada ou quando o MonstarX pedir. Na maioria dos casos, o endereço continua o mesmo.
A prévia também cuida de si mesma: se uma página quebrar depois de uma alteração, ela recarrega discretamente até a página renderizar de novo, e uma prévia que não consegue iniciar é tentada outra vez automaticamente.
Por que minha prévia está em repouso?
Seção intitulada “Por que minha prévia está em repouso?”Para economizar recursos, a prévia entra em repouso depois de 20 minutos sem uso. Em vez de um painel em branco, você vê uma cópia salva da página como ela estava por último, com um aviso: Cópia salva · há 25 min · A prévia está em repouso — ela acorda quando você mover ou clicar.
A prévia ao vivo volta sozinha assim que você passa o mouse pelo espaço de trabalho, rola, digita ou clica — ou quando você clica em Acordar agora. Se você clicar em um link ou botão na cópia salva, a prévia ao vivo abre essa página para você (Iniciando a prévia ao vivo para abrir “Sobre”…).
A cópia salva fica só no seu navegador, nunca nos servidores do MonstarX, porque ela pode mostrar a conta em que você estava conectado dentro do app. Quando não há cópia salva, o painel diz A prévia está em repouso, com um botão Acordar agora.
Posso entrar no meu app dentro da prévia?
Seção intitulada “Posso entrar no meu app dentro da prévia?”Pode — crie uma conta e entre como os seus usuários fariam. Uma prévia aberta em uma aba própria (↗) tem um login separado, então você precisa entrar de novo lá. Se o app tiver contas, o MonstarX deixa um usuário de teste pronto para você no chat (Conta de demonstração pronta).
Quem pode abrir a prévia?
Seção intitulada “Quem pode abrir a prévia?”Dentro do MonstarX, o proprietário do projeto e as pessoas com quem ele foi compartilhado. Todo mundo pode usar o app e deixar comentários, mas só o proprietário e quem tem acesso Pode editar veem Editar, Recortar e Reiniciar servidor de desenvolvimento.
A prévia também tem um endereço próprio, que o Copiar link público da prévia (ou Copiar o link da prévia, no menu •••) copia: qualquer pessoa que tenha esse link pode abrir a prévia, então compartilhe com cuidado. Ele é temporário — pode mudar quando a prévia reinicia, e a prévia entra em repouso quando ninguém está usando —, então, para mostrar o seu app ao mundo, publique o app.
Perguntas frequentes
Seção intitulada “Perguntas frequentes”Os dados que eu digito na prévia são reais?
Eles ficam salvos no banco de dados real do app, o mesmo que o app publicado usa. Pedidos, agendamentos e cadastros de teste aparecem na aba Admin e no Backend.
A prévia mostra “O servidor da prévia falhou”. O que eu faço?
Clique em Reiniciar. Se continuar falhando, abra a aba Logs para ver o motivo, ou pergunte sobre isso no modo Conversar.
Por que a prévia mostra um cartão em vez do meu app?
Enquanto o MonstarX cria, ou enquanto o app está iniciando, um cartão de status cobre a prévia para você nunca ver uma página pela metade. Veja Acompanhe uma criação.
A prévia continua rodando quando eu fecho o MonstarX?
Ela entra em repouso depois de 20 minutos sem uso e acorda quando você volta. O app publicado é separado e fica sempre no ar.
Posso compartilhar o link da prévia com um cliente?
Pode — qualquer pessoa com o link consegue abrir —, mas ele foi feito para a fase de criação: o endereço pode mudar e a prévia entra em repouso. Para qualquer coisa que você vá divulgar, publique o app. Para deixar alguém acompanhar e comentar, compartilhe o projeto.