Será necessário a instalação dos recursos abaixo:
Ao finalizar todos, reinicie sua máquina.
Configuração das variáveis de ambiente:
- Pesquise no Windows por Editar a variável de ambiente, acesse a aba avançado e clique em Variáveis de ambiente.
- Crie as seguintes variáveis:
- Selecione a variável Path, e edite a mesma, inserindo os seguintes campos:
Configuração do ambiente na IDE.
- Exclua as pastas .angular, www, node_modules, package-lock.json.
- Desinstale o Angular e IONIC CLI, com:
- npm uninstall –g @angular/cli
- npm uninstall –g @ionic/cli
- Limpe o cache com npm cache clean -–force
- Instale o Angular CLI: npm install –g @angular/cli@15
- Instale o IONIC CLI: npm install –g @ionic/cli e npm install –g ionic
- Verifique através do ng version e ionic version se as versões estão com:
- Instale as dependências do projeto com npm i
- Execute o comando ionic cap sync, para sincronização das dependências. Caso ainda não tenha instalado o capacitor, ele irá sugerir, só seguir o comando proposto.
- Rode o comando ionic cap build android, ele irá abrir o Android Studio onde iremos seguir com os próximos passos.
Configuração do Android Studio e instalação do Android SDK 33.
- Ao abrir o IDE, vá no meu superior em File, abra o Settings e pesquise por sdk.
- Na aba SDK Platforms, selecione o Android SDK Plataform 33.
- Na aba SDK Toolts, selecione 33.0.2.
- Após isso, clique em Apply e depois OK.
Abrindo o emulador com o aplicativo.
- Selecione no canto superior direito a configuração do executado:
- Adicione um novo e configure da seguinte maneira:
- Após isso clique em Apply e depois OK.
- Acesse a aba Device Manager e depois clique em Create Device.
- Selecione o Hardware necessário, os que possuem ícone da Playstore estarão com o root desligado, caso contrário o aplicativo irá barrar a abertura do mesmo pois está permissão não pode ser usada no Meu RH.
- Selecione o SDK desejado, apertando no ícone de download ao lado do nome e depois retornando a está página para ir em Next.
- Na última etapa, personalize o nome conforme desejar e clique em Finish.
- Selecione o emulador criado e execute no botão setado.
- Irá abrir uma tela somente com o emulador, e no terminal terá a opção para visualizar o log do emulador.
Depurar pelo VSCode
- Será necessário instalar a extensão abaixo, pois a mesma é a oficial do IONIC para realizar a depuração.
- Após instalado, terá um novo menu a esquerda, acesse o mesmo e clique em Skip for Now:
- Feito isso, clique em Debug e selecione seu dispositivo:
Para o dispositivo emulador ser identificado, ele tem que estar com o aplicativo aberto.
Para o celular ser identificado, ele tem que possuir um apk do tipo Debug (gerado pelo ionic cap run android) e o celular ser configurado da seguinte forma:
- Celular conectado no USB do computador, com o tipo de conexão MIDI.
- Celular possuir modo desenvolvedor ligado.
- Celular possuir modo depuração por USB ativado