Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Wiki Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Sem Barreiras
  • WikiWiki
  • Wiki
  • configuracao

configuracao · Changes

Page history
Add configuracao conexao frontend com backend [Axios] authored Mar 17, 2024 by Pablo Miguel Chong Alles's avatar Pablo Miguel Chong Alles
Hide whitespace changes
Inline Side-by-side
configuracao.md
View page @ 1c339de8
......@@ -142,7 +142,7 @@ Esta seção descreve as configurações a serem feitas para o ambiente de desen
### 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
......@@ -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.
#### 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
......
Clone repository
  • Banco de Dados
  • Sprint 0
  • Sprint 1
  • Sprint 2
  • Sprint 3
  • Sprint 4
  • arquitetura
  • backend
  • configuracao
  • design_mockups
  • escopo
  • frontend
  • gerencia
  • Home
  • processo
View All Pages