... | @@ -106,7 +106,25 @@ Utilizamos o `npm` para instalar as dependências do projeto e rodar outros coma |
... | @@ -106,7 +106,25 @@ Utilizamos o `npm` para instalar as dependências do projeto e rodar outros coma |
|
|
|
|
|
#### Expo
|
|
#### Expo
|
|
|
|
|
|
|
|
O download do Expo é feito utilizando o NPM (Node Package Manager) que é instalado junto com o Node.
|
|
|
|
|
|
|
|
O seguinte comando instala globalmente o cliente:
|
|
|
|
|
|
|
|
```sh
|
|
|
|
npm install -g expo-cli
|
|
|
|
```
|
|
|
|
|
|
|
|
Para verificar se o Expo foi instalado execute o comando
|
|
|
|
|
|
|
|
```sh
|
|
|
|
expo --version
|
|
|
|
```
|
|
|
|
|
|
|
|
#### JetBrains Toolbox e Android Studio
|
|
|
|
|
|
|
|
O [JetBrains Toolbox][3] facilita a instalação do [Android Studio][4] e suas dependências.
|
|
|
|
|
|
|
|
O JetBrains Toolbox também simplifica o processo de encontrar onde estão os arquivos instalados. Abrindo a aplicação, nas configurações do **Android Studio**, mais abaixo na aba de configuração, está indicado o caminho da pasta.
|
|
|
|
|
|
### Compilando
|
|
### Compilando
|
|
|
|
|
... | @@ -114,7 +132,83 @@ TBD |
... | @@ -114,7 +132,83 @@ TBD |
|
|
|
|
|
### Executando
|
|
### Executando
|
|
|
|
|
|
TBD
|
|
#### Admin
|
|
|
|
|
|
|
|
A aplicação foi criada através do uso do [CRA][5].
|
|
|
|
|
|
|
|
Antes de começar a desenvolver, instalar as dependências do projeto, executando o comando:
|
|
|
|
|
|
|
|
```sh
|
|
|
|
npm install
|
|
|
|
```
|
|
|
|
|
|
|
|
Para iniciar o servidor de desenvolvimento, executar o comando:
|
|
|
|
|
|
|
|
```sh
|
|
|
|
npm start
|
|
|
|
```
|
|
|
|
|
|
|
|
#### Aplicação Mobile
|
|
|
|
|
|
|
|
A aplicação foi criada através do uso do [cliente do Expo][6].
|
|
|
|
|
|
|
|
|
|
|
|
Antes de começar a desenvolver, instalar as dependências do projeto, executando o comando:
|
|
|
|
|
|
|
|
```sh
|
|
|
|
npm install
|
|
|
|
```
|
|
|
|
|
|
|
|
Para iniciar o servidor de desenvolvimento, executar o comando:
|
|
|
|
|
|
|
|
```sh
|
|
|
|
npm start
|
|
|
|
```
|
|
|
|
|
|
|
|
**Para visualizar as telas é possível escolher uma das seguintes maneiras:**
|
|
|
|
|
|
|
|
##### Celular
|
|
|
|
|
|
|
|
A maneira mais simples é utilizando um Smartphone (seja iOS ou Android).
|
|
|
|
|
|
|
|
Primeiro é necessário fazer o download do aplicativo do Expo para [Android][7] ou para [iOS][8].
|
|
|
|
|
|
|
|
Depois de instalar o aplicativo acesse as ferramentas de desenvolvimento no endereço indicado no terminal e escaneie o QR code. Caso o celular esteja conectado em uma rede diferente do computador selecione a opção **Tunnel** nas ferramentas de desenvolvimento.
|
|
|
|
|
|
|
|
##### Emulador
|
|
|
|
|
|
|
|
Caso você não tenha um Smartphones disponíveis para o desenvolvimento e opte por usar o emulador, existem diferenças entre MacOS e Windows/Linux.
|
|
|
|
|
|
|
|
_MacOS_
|
|
|
|
|
|
|
|
Para o emular um dispositivo no MacOS acesse o local do programa Xcode, clique com o botão direito e siga os seguintes passos:
|
|
|
|
|
|
|
|
Show Package Contents -> Contents -> Developer -> Applications -> Simulator
|
|
|
|
|
|
|
|
Recomendo arrastar o Simulator para o seu Dock para fácil acesso.
|
|
|
|
|
|
|
|
Depois de iniciar o Simulator acesse as ferramentas de desenvolvimento no endereço indicado no terminal e selecione a opção **Run on iOS Simualtor**.
|
|
|
|
|
|
|
|
_Windows_
|
|
|
|
|
|
|
|
Abra o Android Studio e siga os seguintes passos:
|
|
|
|
|
|
|
|
Configure -> AVD Manager -> Create Virtual Device -> Phone -> Pixel 2 (recomendado) -> Next
|
|
|
|
|
|
|
|
Fazer download do release que deseja utilizar (recomendo o "R") e clique em "Next".
|
|
|
|
|
|
|
|
Clique em "Finish".
|
|
|
|
|
|
|
|
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**.
|
|
|
|
|
|
|
|
|
|
[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
|
|
\ No newline at end of file |
|
[3]: https://www.jetbrains.com/pt-pt/lp/toolbox/
|
|
|
|
[4]: https://developer.android.com/studio
|
|
|
|
[5]: https://create-react-app.dev/docs/getting-started/
|
|
|
|
[6]: https://docs.expo.dev/get-started/create-a-new-app/
|
|
|
|
[7]: https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR
|
|
|
|
[8]: https://apps.apple.com/br/app/expo-client/id982107779 |
|
|
|
\ No newline at end of file |