... | @@ -130,7 +130,7 @@ O download do Expo é feito utilizando o NPM (Node Package Manager) que é insta |
... | @@ -130,7 +130,7 @@ O download do Expo é feito utilizando o NPM (Node Package Manager) que é insta |
|
O seguinte comando instala globalmente o cliente:
|
|
O seguinte comando instala globalmente o cliente:
|
|
|
|
|
|
```sh
|
|
```sh
|
|
npm install -g expo-cli
|
|
npm install -g expo-cli eas-cli
|
|
```
|
|
```
|
|
|
|
|
|
Para verificar se o Expo foi instalado execute o comando
|
|
Para verificar se o Expo foi instalado execute o comando
|
... | @@ -151,11 +151,6 @@ Para o desenvolvimento do código e fácil controle de versionamento (GitLab) su |
... | @@ -151,11 +151,6 @@ Para o desenvolvimento do código e fácil controle de versionamento (GitLab) su |
|
|
|
|
|
Depois de instalar o Visual Studio Code, acesse sua aba de extensões e instale as seguintes: [ESLint][10] e [Prettier][11] para identificar padrões e formatar o código, mantendo a consistência.
|
|
Depois de instalar o Visual Studio Code, acesse sua aba de extensões e instale as seguintes: [ESLint][10] e [Prettier][11] para identificar padrões e formatar o código, mantendo a consistência.
|
|
|
|
|
|
|
|
|
|
### Compilando
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
### Executando
|
|
### Executando
|
|
|
|
|
|
#### Admin
|
|
#### Admin
|
... | @@ -233,6 +228,67 @@ Para executar o simulador clique no simbolo de "Play" ao lado esquerdo dele. |
... | @@ -233,6 +228,67 @@ Para executar o simulador clique no simbolo de "Play" ao lado esquerdo dele. |
|
|
|
|
|
Depois de iniciar o simulador acesse as ferramentas de desenvolvimento no endereço indicado no terminal e selecione a opção **Run on Android device/emulator**.
|
|
Depois de iniciar o simulador acesse as ferramentas de desenvolvimento no endereço indicado no terminal e selecione a opção **Run on Android device/emulator**.
|
|
|
|
|
|
|
|
### Deploy do Aplicativo
|
|
|
|
|
|
|
|
Para fazer o deploy do aplicativo é necessário ter uma [conta expo][18] e realizar o login interativo via CLI com o comando:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
expo login
|
|
|
|
```
|
|
|
|
|
|
|
|
Em seguida execute o seguinte comando para configurar o build tanto para iOS quanto Android:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build:configure
|
|
|
|
```
|
|
|
|
|
|
|
|
#### Android
|
|
|
|
|
|
|
|
Após feita a configuração através do comando anterior, ao executar o comando:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build --platform android
|
|
|
|
```
|
|
|
|
|
|
|
|
Irá gerar um arquivo `*.aab` que é o executável pronto para publicar na **Play Store**. Neste projeto o que queremos é um arquivo com extensão `*.apk` para gerarmos o QRCode e compartilharmos nas apresentações, logo podemos adicionar uma nova configuração de build ao arquivo gerado pelo **eas**. Temos como exemplo o arquivo abaixo:
|
|
|
|
|
|
|
|
```json
|
|
|
|
{
|
|
|
|
"cli": {
|
|
|
|
"version": ">= 0.49.0"
|
|
|
|
},
|
|
|
|
"build": {
|
|
|
|
"development": {
|
|
|
|
"developmentClient": true,
|
|
|
|
"distribution": "internal"
|
|
|
|
},
|
|
|
|
"preview": {
|
|
|
|
"distribution": "internal"
|
|
|
|
},
|
|
|
|
"preview-android": {
|
|
|
|
"distribution": "internal",
|
|
|
|
"android": {
|
|
|
|
"buildType": "apk"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"production": {}
|
|
|
|
},
|
|
|
|
"submit": {
|
|
|
|
"production": {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
Onde adicionamos o **preview-android** que ira gerar o arquivo necessário para instalar e testar sem a necessidade de publicar na Play Store. Agora é só rodar o comando para gerar a `*.apk`:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build -p android --profile preview-android
|
|
|
|
```
|
|
|
|
|
|
|
|
Para criar o QRCode é só copiar o link da localização do arquivo e usar um [site][19] que faça QRCodes personalizados e está tudo pronto para compartilhar. Temos um exemplo no nosso [guia de intalação][20].
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[1]: https://docs.microsoft.com/pt-br/windows/dev-environment/javascript/nodejs-on-windows#install-nvm-windows-nodejs-and-npm
|
|
[1]: https://docs.microsoft.com/pt-br/windows/dev-environment/javascript/nodejs-on-windows#install-nvm-windows-nodejs-and-npm
|
|
[2]: https://github.com/nvm-sh/nvm#installing-and-updating
|
|
[2]: https://github.com/nvm-sh/nvm#installing-and-updating
|
... | @@ -251,3 +307,6 @@ Depois de iniciar o simulador acesse as ferramentas de desenvolvimento no endere |
... | @@ -251,3 +307,6 @@ Depois de iniciar o simulador acesse as ferramentas de desenvolvimento no endere |
|
[15]: https://docs.docker.com/desktop/windows/install/
|
|
[15]: https://docs.docker.com/desktop/windows/install/
|
|
[16]: https://docs.docker.com/compose/install/
|
|
[16]: https://docs.docker.com/compose/install/
|
|
[17]: https://www.postgresql.org/download/
|
|
[17]: https://www.postgresql.org/download/
|
|
|
|
[18]: https://expo.dev/signup
|
|
|
|
[19]: https://www.qrcode-monkey.com/pt/
|
|
|
|
[20]: |
|
|
|
\ No newline at end of file |