aceleradora-TW / aceleradora-TW/descarte-certo

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

Đang mở
#182 0 bình luận 0 reaction 2 người được giao Được @nanifool nhận Xem trên GitHub
Front-End
Ngôn ngữ chính
JavaScript
Star
15
Fork
6
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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`

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.