react-native-fetch-retry v1.2.4
FetchRetry
Simplifique a maneira de lidar com requisições
- Execute:
npm i react-native-snackbar react-native-fetch-retry
Configurando o package
Adicione em seu package.json as definições necessárias
FetchRetry
: Object | Se existir usará as inforamções fornecidas | Se não existir precisará passar todas as informações necessariasdebug
: Object (Opcional) | Lista deaction
a ser mostrada oresponse
e retorno dorequest
no console.environment
: String | Configuração do ambiente a se conectarenvironments
: Object | Lista dos ambientes disponiveisrequestOptions
: Object (Opcional) | Opções disponiveis até o momentomethod
eheaders
retryButton
: String | Texto do botão para tentar novamenteretryRequest
: String | Texto para mostrar junto ao tentar novamente ao ocorrer um erro no servidorretryConnection
: String | Texto para mostrar junto ao tentar novamente ao ocorrer um erro ao se conectar ao servidorcustomMessage
: Boolean (Opcional) | Para usar o texto retornado da requisição para mostrar junto ao tentar novamente ao ocorrer um erro no servidor (por padrão ele mostra o texto se fortext/plain
)CaptureLogger
: Boolean (Opcional) | Ativar a captura do retorno do endpoint com o CaptureLoggerstatusReporter
: Object (Opcional) | Lista deresponse.status
a serem enviadas ao CaptureLoggerenvironmentsReporter
: Object (Opcional) | Lista de ambientes a serem enviadas ao CaptureLogger
Exemplo de um package.json
{
"name": "react-app",
"version": "1.0",
"private": true,
"FetchRetry": {
"debug": ["myAction"],
"environment": "dev",
"environments": [
{
"environment": "dev",
"url": "https://next-alexanderiscoding-n8kn3vnhj-alexanderiscoding.vercel.app"
},
{
"environment": "prod",
"url": "https://alexanderiscoding.com"
}
],
"requestOptions": {
"method": "POST",
"headers": {
"Content-Type": "application/json; charset=UTF-8"
}
},
"retryButton": "Tentar novamente",
"retryRequest": "Ops, algo não ocorreu conforme esperado nessa requisição.",
"retryConnection": "Ops, tivemos um problema ao fazer essa requisição.",
"CaptureLogger": true,
"statusReporter": [500],
"environmentsReporter": ["prod"]
}
}
Método de uso
Importe a function na sua aplicação
import fetchRetry from 'react-native-fetch-retry';
const fetchRetry = require('react-native-fetch-retry');
é possivel alterar o nome da function de acordo com seu gosto.
Efetue uma requisição para sua API
const response = await fetchRetry(url, requestOptions, reload, action, customMessage, customResponse, defaultRequest);
Em caso de necessitar executar uma função com argumentos em reload
, utilize:
await fetchRetry(url, requestOptions, function () { myfunc(arg, arg) });
Em caso de necessitar o environment atual, utilize:
import fetchRetry, { environment } from 'react-native-fetch-retry';
url
: String | Endpoint da API, que será feita a requisiçãorequestOptions
: Object | Opções da requisição, mais exemplos em Fetchreload
: Function | Função a ser executar ao clicar emretryButton
action
: String (Opcional) | Nome do código de referência para identificar ou ignorar ao ativar o CaptureLoggercustomMessage
: Boolean (Opcional) | Para configuração individual da configuração globalcustomResponse
: Boolean (Opcional) | Invés de retornar o conteúdo oufalse
, retornará{ response: response, ok: ok }
, sendo o response igual aresponse.json()
, mas em caso deresponse.ok == false
, o response será igual aresponse.status
.defaultRequest
: Boolean (Opcional) | Irá utilizar aurl
erequestOptions
, passada na função, quando as mesmas já estiverem configuradas.
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago