Bem-vindo à configuração do projeto Alerth Mobile! Este guia irá orientá-lo pelos passos necessários para configurar e rodar o ambiente de desenvolvimento para a versão mobile utilizando Capacitor, Vue 3 e Vite.
Antes de começar, certifique-se de ter os seguintes itens instalados no seu sistema:
- Node.js (versão 14+)
- npm ou pnpm
- Capacitor CLI (@capacitor/cli)
- Android SDK (para desenvolvimento mobile)
- ADB (Android Debug Bridge) para rodar no dispositivo sem Android Studio
O primeiro passo é clonar o repositório do projeto para o seu ambiente local. Utilize o seguinte comando no terminal:
git clone https://github.com/JonathasSC/alerth-mobile.git
Após a clonagem, navegue até o diretório da versão web
cd alerth-mobile/web
Com o repositório clonado, instale as dependências do projeto utilizando o npm ou pnpm:
npm install
pnpm install
Antes de rodar o aplicativo, compile o projeto web:
npm run build
pnpm run build
Isso irá gerar os arquivos de build para o Capacitor.
Para voltar ao diretorio raiz
cd ..
cd mobile
Sincronize o Capacitor com os arquivos de build gerados:
npx cap sync
Para acessar a área administrativa do Django, crie um superusuário executando o seguinte comando:
Com Android Studio:
-
Abra o projeto Android gerado pelo Capacitor:
npx cap open android
-
No Android Studio, conecte seu dispositivo ou escolha um emulador, e clique em Run.
Sem Android Studio (Usando ADB):
Se você prefere rodar diretamente no seu dispositivo Android sem usar o Android Studio, siga os passos baixo:
-
Conecte o seu dispositivo Android via USB.
-
Verifique se o dispositivo está conectado corretamente
adb devices
-
Instale o APK diretamente no dispositivo:
npx cap copy android
-
Inicie o aplicativo no dispositivo
npx cap run android
Nota