... | @@ -142,7 +142,7 @@ Esta seção descreve as configurações a serem feitas para o ambiente de desen |
... | @@ -142,7 +142,7 @@ Esta seção descreve as configurações a serem feitas para o ambiente de desen |
|
|
|
|
|
### Tecnologias do Frontend
|
|
### Tecnologias do Frontend
|
|
|
|
|
|
Para o desenvolvimento do frontend foi utilizado [React Native](https://reactnative.dev/) com JavaScript podendo variar o estilo de visualização se optar por usar um celular ou um emulador. Para facilitar a montagem de componentes se fez uso do [React Native Papers](https://callstack.github.io/react-native-paper/) que é uma biblioteca que busca fornecer maior facilidade na criação dos componentes de tela. (TBD - Adicionar como será feita comunicação com o backend em termos de tecnologia [Prob -> Axios])
|
|
Para o desenvolvimento do frontend foi utilizado [React Native](https://reactnative.dev/) com JavaScript podendo variar o estilo de visualização se optar por usar um celular ou um emulador. Para facilitar a montagem de componentes se fez uso do [React Native Papers](https://callstack.github.io/react-native-paper/) que é uma biblioteca que busca fornecer maior facilidade na criação dos componentes de tela. A comunicação com o backend é feita por meio de um cliente HTTP baseado em promessas do Node.js, o [Axios](https://axios-http.com/ptbr/docs/intro).
|
|
|
|
|
|
### Configurando a Máquina para ambiente Frontend
|
|
### Configurando a Máquina para ambiente Frontend
|
|
|
|
|
... | @@ -199,9 +199,19 @@ npm start |
... | @@ -199,9 +199,19 @@ npm start |
|
|
|
|
|
Com isso, o projeto estará rodando e você poderá abri-lo e visualiza-lo da forma que preferir. A configuração das formas de visualização é tratada na próxima seção.
|
|
Com isso, o projeto estará rodando e você poderá abri-lo e visualiza-lo da forma que preferir. A configuração das formas de visualização é tratada na próxima seção.
|
|
|
|
|
|
#### Configurar conexão com o backend
|
|
#### Configurar conexão com o Backend
|
|
|
|
|
|
TBD
|
|
A fim de facilitar e prevenir que ocorram problemas de IPs conflitantes e exposição do endereço do Backend é necessário a criação de um arquivo para configrar a execução da aplicação.
|
|
|
|
|
|
|
|
Dessa forma, é necessária a criação de um arquivo ``connection.js`` na pasta ``src/constants`` com o seguinte código:
|
|
|
|
|
|
|
|
```
|
|
|
|
export default address = {
|
|
|
|
ip: 'endereco_backend',
|
|
|
|
};
|
|
|
|
```
|
|
|
|
|
|
|
|
Deve-se substituir o ``èndereco_backend`` pelo endereço IP que desejar. Caso o Backend esteja sendo executado localmente deve-se colocar o IP local (localhost / 127.0.0.1), mas caso ele esteja sendo hospedado em uma instância da AWS, deverá ser o endereço IP dessa instância.
|
|
|
|
|
|
### Configuração de emulador / celular
|
|
### Configuração de emulador / celular
|
|
|
|
|
... | | ... | |