Article image
Antonio Uchoa
Antonio Uchoa06/08/2022 16:39
Compartilhe

Transformando seu site em app android

  • #Kotlin
  • #Android

Quando precisarmos transformar um site já existente em um app nativo para android, a maneira mais rápida e fácil será usando um componente chamado WebView.


Este componente nos permite executa um site dentro dele, em outras palavras o WebView é um container que a partir de uma URL, no qual será passada executará um site dentro do app nativamente para android.


Siga os seguintes passos:


AndroidManifest.xml

<!-- Adicionando permissão de internet -->
<uses-permission android:name="android.permission.INTERNET" />


Código activity_main.xml

 <WebView
      android:id="@+id/webView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent" />



Código MainAcitivity.kt

//Aqui passamos a url do site
webView.loadUrl("https://antoniojoseuchoa.com.br")

//Neste passo é ativado o javaScript
webView.settings.javaScriptEnabled = true

//WebClient - permite que seu site seja executado dentro do seu app, caso você não faça essa configuração, seu site será executado pelo navegador padrão do seu dispositivo.
webView.webViewClient = WebViewClient()


Dica importante: Antes de transformar seu site em um app, você deve verificar se este é responsivo, ou seja, se seu site é compatível com diversos tamanhos de tela.

Ferramentas para verificar responsividade do seu site.

1 – Android Studio

2 – Navegador Chrome

3 – O site https://search.google.com/test/mobile-friendly - esta ferramenta faz uma analise do seu site e devolve varias informações importante como: se o site é compatível com mobile e outras series de informações. Sendo essa a ferramenta mais simples de ser usada entre as três apresentadas.


Espero que contribua com o conhecimento de todos. Obrigado devs.

Compartilhe
Comentários (0)