Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

[Ionic] alterar valor do ionic-lab url

Olá,

Estou com uma dificuldade que está me deixando louco... Baixei uma vm com o NodeJs no Bitnami, instalei o Ionic para testar, mas quando subo o ionic serve, não consigo mudar o input url do ionic-lab... Decorrente disso, quando acesso o ionic-lab, as simulações ficam tentando acessar localhost:8100.

Exemplo:

bitnami@vmNodeJs:~/projects/cobaia$ ionic serve --lab --lab-host 192.168.15.100 --address 192.168.15.100
> ionic-app-scripts serve --address 192.168.15.100 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] [11:32:11]  ionic-app-scripts 3.1.11
[app-scripts] [11:32:11]  watch started ...
[app-scripts] [11:32:11]  build dev started ...
[app-scripts] [11:32:11]  clean started ...
[app-scripts] [11:32:11]  clean finished in 4 ms
[app-scripts] [11:32:11]  copy started ...
[app-scripts] [11:32:11]  deeplinks started ...
[app-scripts] [11:32:11]  deeplinks finished in 24 ms
[app-scripts] [11:32:11]  transpile started ...
[app-scripts] [11:32:17]  transpile finished in 6.11 s
[app-scripts] [11:32:17]  preprocess started ...
[app-scripts] [11:32:17]  preprocess finished in 1 ms
[app-scripts] [11:32:17]  webpack started ...
[app-scripts] [11:32:18]  copy finished in 6.32 s
[app-scripts] [11:32:26]  webpack finished in 8.19 s
[app-scripts] [11:32:26]  sass started ...
[app-scripts] Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[app-scripts] [11:32:28]  sass finished in 1.88 s
[app-scripts] [11:32:28]  postprocess started ...
[app-scripts] [11:32:28]  postprocess finished in 35 ms
[app-scripts] [11:32:28]  lint started ...
[app-scripts] [11:32:28]  build dev finished in 16.43 s
[app-scripts] [11:32:28]  watch ready in 16.71 s
> ionic-lab http://localhost:8100 --host 192.168.15.100 --port 8200 --app-name helpDriver --app-version 0.0.1

[INFO] Development server running!

       Lab: http://192.168.15.100:8200
       Local: http://localhost:8100
       DevApp: helpDriver@8100 on vmNodeJs

       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://192.168.15.100:8200!

[app-scripts] [11:32:32]  lint finished in 4.22 s
^C
[ERROR] A utility CLI has unexpectedly closed (exit code null).

        The Ionic CLI will exit. Please check any output above for error details.
bitnami@vmNodeJs:~/projects/cobaia$ ./node_modules/.bin/ionic-lab --help

  ionic-lab

  Usage:

    $ ionic-lab <url> [options]

  Inputs:

    url ...................... The URL of the livereload server to use with lab

  Options:

    --host ................... HTTP host of Ionic Lab (default: localhost)
    --port ................... HTTP port of Ionic Lab (default: 8200)
    --ssl .................... Host Ionic Lab with HTTPS
    --ssl-key ................ Path to SSL key
    --ssl-cert ............... Path to SSL certificate
    --app-name ............... App name to show in bottom left corner
    --app-version ............ App version to show in bottom left corner

É possível mudar mudar o valor do url, ao chamar o ionic serve?

5 respostas

Boa tarde, Juliano! Como vai?

Pela mensagem da Ionic CLI, vc tbm poderia acessar através do endereço: http://192.168.15.100:8200.

Isso não resolveria o seu caso?

Boa tarde, estou bem e espero que você também esteja.

Justamente quando acesso o Lab (http://192.168.15.100:8200) que me deparo com o problema, porque ao tentar visualizar as previas dos aplicativos (IOS e Android), tenta carregar o caminho http://localhost:8100 e assim retorna erro. Ao tentar acessar diretamente as previas pelo http://192.168.15.100:8100 eu consigo.

Eu até tentei mudar o localhost manualmente no arquivo do lab, mas quando inicio o ionic serve, ele baixa novamente o arquivo e sobrescreve a alteração.

=(

solução!

Então, Juliano! O problema é que vc está rodando o Ionic a partir da sua VM! De dentro dela provavelmente vc conseguirá usar o localhost no navegador, mas fora da VM vc terá que acessar através do IP da VM, que no caso é 192.168.15.100. Isso ocorre pq a palavra localhost é um atalho usado pelo navegador para identificar a própria máquina onde o Ionic está rodando.

Ou seja, no seu caso, a não ser que vc faça o acesso a partir da própria VM, a saída será usar o IP.

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos!

A ideia de usar uma vm era para simplificar minha vida, questão de ambiente e talz. Mas eu fiquei "agoniado" de não conseguir o parâmetro url, só teimosia mesmo.

Vlw prof!

Blz, Juliano! Sempre que tiver qualquer dúvida é só mandar aqui no fórum!

Grande abraço e bons estudos, meu aluno!