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.