aceleradora-TW / aceleradora-TW/descarte-certo

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

未关闭
#182 0 条评论 0 个 reaction 已指派 2 人 已被 @nanifool 认领 在 GitHub 查看
Front-End
主要语言
JavaScript
星标
15
派生
6
PR 合并指标
30 天内没有已合并 PR

描述

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`

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。