(Mobile Outsystems ⭕️ ) Inspecionando o iOS usando o Iphone

Oi seus lindos, quando estava testando o plugin que criamos na Omnus em alguns Iphones descobri que também é possível inspecionar no iOS. Então hoje vou ensinar mais esse pulo do gato. Porque como o Outsystems utiliza o Cordova como meio para desenvolvimento mobile híbrido e o mesmo utiliza uma Brigde / WebView então significa que qualquer que seja a tecnologia Android / iOS podemos inspecionar, pois se trata de uma pagina web. Então sem mais delongas é hora da prática.

Configurando o Safari para modo de Desenvolvimento e Iphone para Web Inspector.

Antes de começar , primeiro precisamos habilitar algumas funcionalidades no Safari. Lembrado que como estamos falando da Apple isso só é possível se utilizarmos um Mac 🍎 .

Com o Safari aberto clique em Preferencias conforme imagem abaixo :

Com as preferencias dos Safari aberta, navegue até a aba Advance e selecione a opção Show Develop menu in menu bar :

Com isso será possível visualizar a aba de develop e inspecionar a WebView.

Agora no Iphone precisamos fazer uma outra configuração. Primeiro vá até a opção Settings do Iphone e procure por Safari.

Passo 1 :

Passo 2 :

Dentro dos detalhes do Safari é preciso dar alguns scroll na tela até a opção Advanced. Clique nela e selecione a opção Web Inspector.

Passo 1 :

Passo 2 :

Com as configurações acima agora já podemos inspecionar no iOS. Então mãos a obra.

Inspecionando no iOS

Primeiro precisamos abrir uma aplicação com as configurações de distribuição do iOS atribuídas de forma correta. Para que o MABS consiga gerar o o arquivo IPA que iremos instalar no nosso Iphone para que possamos inspecionar.

Então abra a sua aplicação e na aba Distribute com as configurações atribuídas clique o botão Generate iOS App :

Lembrando que para ter acesso a essa configurações você precisa ser desenvolvedor Apple e pagar um taxa anual, como nosso Big Boss fez isso para nós, então não precisei me preocupar e nem configurar nada, então em outro artigo traga um passo a passo sobre essa configuração.

Após a geração do App iOS, clique no link from download page para abrir a tela do MABS, onde é possível baixar o IPA no seu Iphone

Abra o App instalado que foi gerado pelo Outsystems e depois vá para aba Develop que configuramos no Safari, que será possível visualizar seu Iphone plugado ao Mac onde terá uma opção inspecionar o App.

Passo 1 :

Passo 2 :

Clique no App, no meu caso é o OmnusMobilleSandBox. Após isso, abrirá uma tela de inspecionar, onde será possível fazer alterações na WebView do Cordova e testar plugins e ferramentas que são apenas disponíveis no App mobile, pois na maioria das vezes utilizamos o web browser como referencia.

Para poder visualizar a tela do seu Iphone dentro do Mac, abra o QuickTime e clique na opção new movie Recording ( A opção está habilitada porque já estou fazendo isso).

Ao fazer isso, provavelmente ira abrir camera do seu Mac, mas clique no ícone do lado do botão vermelho e selecione o seu Iphone, para que ele espelhe o seu Iphone no QuickTime dentro do Mac.

Com isso você terá tudo que precisa para fazer as alterações e testes necessários com o aparelho rodando seu App Outsystems.

Conclusão

Sempre existiram ferramentas e meio para acelerar o seus testes e desenvolvimento na plataforma isso não é diferente para outras linguagem High Code. Então espero que esse método seja mais um que possa adicionar o seu leque de opções para otimizar seu desenvolvimento.

Eiiiii me ajuda ai vai !? deixa uma palminhaaaa 👋🏻 e clica em seguir para mais conteúdos legais.