aceleradora-TW / aceleradora-TW/descarte-certo

[Relatório de Orçamento] assinar o token no header da request

Offen
#182 0 Kommentare 0 Reaktionen 2 zugewiesene Personen Beansprucht von @nanifool Auf GitHub ansehen
Front-End
Vorherrschende Sprache
JavaScript
Sterne
15
Forks
6
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Contexto
===
Atualmente as requisições que fazemos ao back-end estão indo sem o token de autenticação do usuario.
O objetivo dessa card é colocar o token na nossa requisições feitas atraves do axios.

Criterios de aceitação
===
- [ ] Deve ser criado uma variavel no header chamada `Authorization` que recebera o valor do token
- [ ] Desenvolver a logica responsável por capturar o token do localStorage e armazenar no `Authorization`
- [ ] Substituir as atuais requisições pela as do arquivo `frontend/src/services/client.js`
- [ ] Alterar os arquivos e verificar se as requests estão funcionando com a alteração:
- [ ] componente `OrderList` no arquivo `frontend/src/components/OrderList/`
- [ ] componente `Modal` no arquivo `frontend/src/components/Modal/`
- [ ] componente `Login` no arquivo `frontend/src/components/Login/`

Notas técnicas
===
- As alterações devem ser feitas no arquivo `frontend/src/services/client.js`
- [Como acessar um item no localStorage?](https://developer.mozilla.org/pt-BR/docs/Web/API/Storage/getItem)
- [documentação do axios.](https://github.com/axios/axios)
- Para facilitar, ao acessar a documentação, o dev pode dar o comando `ctrl^F` e pesquisar por authorization.

Como testar?
===
## Acessando o ambiente
- [x] A pessoa QA deve entrar no ambiente de teste no [Heroku](https://dashboard.heroku.com/apps) e fazer o deploy da branch `182/assina-token-no-header`
- [x] Após o termino do deploy, plicar em `Open App`

## Testando as requests
- [x] Abrir o inspecionar

![inspecionar](https://user-images.githubusercontent.com/42592412/124502154-4efefa80-dd99-11eb-9072-da4705b2ce5d.png)

- [x] Após abrir o inspecionar, acessar a aba network e abrir a modal

![modal](https://user-images.githubusercontent.com/42592412/124502380-bf0d8080-dd99-11eb-9407-b9d3fb4e083d.png)

- [x] Após enviar um novo orçamento, entrar na request criada que aparecera no log

![variavel](https://user-images.githubusercontent.com/42592412/124502686-4eb32f00-dd9a-11eb-9186-0f86d01a734e.png)

- [x] Após acessar o log, na aba Headers em Geral, verificar se foi adicionada a variavel `Authorization`

![header](https://user-images.githubusercontent.com/42592412/124502828-976ae800-dd9a-11eb-9b04-942dee2941af.png)

- [x] Repetir os mesmos passos para o `Login` e `orcamentos`

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.