Fetch API with services

 FETCH API.js

import AsyncStorage from '@react-native-async-storage/async-storage';
import { url as API_HOST } from './Api/api';
// refresh token

const refreshToken = async (uid, token) => {
console.log("REFRESH", token)
var requestUrl = API_HOST + `CustomerApp/RefreshAccessToken`;
var options = {
method: 'POST',
headers: {
Authorization: token,
'client-code': 'customerapp',
'Content-Type': 'application/json',
},
body: JSON.stringify({ uid })
};
const result = await fetch(requestUrl, options).then((response) => {
const data = response.json();
AsyncStorage.setItem('userData', JSON.stringify(data))
return result
});
return result
}


export async function fetch_api(url, method, data = null, retry = false) {
const storageData = await AsyncStorage.getItem('userData');
const { refresh_token: token, user_login_id: uid } = JSON.parse(storageData);
const config = {
method: method,
headers: {
'Authorization': token,
'client-code': 'customerapp',
'Content-Type': 'application/json'
},
}
if (method === "POST") {
config.body = data ? JSON.stringify(data) : ''
}
return new Promise(function (resolve, reject) {
fetch(url, config)
.then(async (response) => {
console.log(url, response);
if (response.status === 500 && !retry) {
await refreshToken(uid, token);
return fetch_api(url, method, null, true);
} else if (response.status === 500 && retry) {
reject({ error: 'Error to RefreshToken' });
}
else {
if (response.status === 201) resolve();
else return response
}
})
.then(res => resolve(res))
.catch(err => {
console.log("ERRO", err)
reject(err)
})
.catch(error => console.log("OUTER", error))
})
}


in Services/index.js

import { url } from './Api/api'
import AsyncStorage from '@react-native-async-storage/async-storage';
import { fetch_api } from './fetch-api';
// user login

const _user_login = async (uid, password) => {
const data = {
uid: uid,
pwd: password
}
var requestUrl = url + `CustomerApp/LoginUser`;
var options = {
method: 'POST',
headers: {
'client-code': 'customerapp',
'Content-Type': 'application/json',
},
body: JSON.stringify(data),
};
return await fetch(requestUrl, options).then((response) => response);
}

// register user
const _register_user = async (r_email, r_pwd, r_cpwd, r_fname, r_lname, r_mobno, r_provider, r_ps_no, r_chs_no, r_acc_type) => {
const data = {
"r_email": r_email,
"r_pwd": r_pwd,
"r_cpwd": r_cpwd,
"r_fname": r_fname,
"r_lname": r_lname,
"r_mobno": r_mobno,
"r_provider": r_provider,
"r_ps_no": r_ps_no,
"r_chs_no": r_chs_no,
"r_acc_type": r_acc_type
}
var requestUrl = url + `CustomerApp/RegisterUser`;
console.log('Register_Data>>>>>>>>>>>>>>', data);

var options = {
method: 'POST',
headers: {
'client-code': 'customerapp',
'Content-Type': 'application/json',
},
body: JSON.stringify(data),
};
return await fetch(requestUrl, options).then((response) => response);
}


const _forgot = async (email_id) => {
const data = {
"email_id": email_id,
}
var requestUrl = url + `CustomerApp/ForgotPassword?email_id=${email_id}`;
console.log('Forgot_Data>>>>>>>>>>>>>>', data);

var options = {
method: 'GET',
headers: {
'client-code': 'customerapp',
'Content-Type': 'application/json',
},
// body: JSON.stringify(data),
};
return await fetch(requestUrl, options).then((response) => response);
}

// add new account
const _add_new_account = async (token) => {
const data = {
"r_provider": "INSC",
"r_ps_no": "123456",
"r_chs_no": "123456",
"r_acc_type": "MEMBER",
"r_user_sys_id": "0"
}
var requestUrl = url + `CustomerApp/AddNewAccount`;
return await fetch_api(requestUrl, "POST", data).then((response) => response);
}

// check email
const _check_email = async (uid, token) => {
var requestUrl = url + `CustomerApp/CheckEmailTaken?uid=${uid}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// refresh token
const _refresh_token = async (uid, token) => {
var requestUrl = url + `CustomerApp/RefreshAccessToken`;
var options = {
method: 'POST',
headers: {
Authorization: 'Bearer ' + token,
},
body: { uid: uid }
};
return await fetch(requestUrl, options).then((response) => response);
}

// get my vehicle
const _get_my_vehicle = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetMyVehicles?cust_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get my vehicle
const _get_my_services = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetMyServices?cust_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get models
const _get_models = async (mk_code, token) => {
var requestUrl = url + `CustomerApp/GetModels?mk_code=${mk_code}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get makes
const _get_makes = async (token) => {
var requestUrl = url + `CustomerApp/GetMakes`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get Check App UpdateYN
const _get_app_update_yn = async (token) => {
var requestUrl = url + `CustomerApp/CheckAppUpdateYN?ver=1&os=IOS`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get profile info
const _get_profile_info = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetProfileInfo?strUId=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// update passsword
const _get_update_password = async (cust_id, oldpass, pass, token) => {
const data = {
"strUId": cust_id,
"strPwd": pass,
"strOldPwd": oldpass
}
console.log('Resserv >>>>>>>>>>>>>>>>>>>', data);
var requestUrl = url + `CustomerApp/UpdatePassword`;
return await fetch_api(requestUrl, "POST", data).then((response) => response);
}



// update profile information
const _update_profile = async (data, token) => {
var requestUrl = url + `CustomerApp/UpdateProfile`;
return await fetch_api(requestUrl, "POST", data).then((response) => response);
}

// update profile picture
const _update_profile_picture = async (data, token) => {
var requestUrl = url + `CustomerApp/SaveProfilePicture`;
return await fetch_api(requestUrl, "POST", data).then((response) => response);
}

//get active vehicle
const _get_active_vehicle = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetActiveVehicles?cust_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get trip sheet
const _get_trip_sheet = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetActiveVehicles?cust_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

//get homepage service
const _get_open_service = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetOpenServices?strUId=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

//get service detail db
const _get_service_detail_db = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetServiceDetailsDB?srv_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get service detail
const _get_service_detail = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetServiceDetailsDB?srv_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// get service timeline
const _get_service_timeline = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetServiceTimeLine?srv_id=${cust_id}`;
return await fetch_api(requestUrl, "GET").then((response) => response);
}

// user profile picture
const pro_pic = (user_system_id) => url + `Images/Users/${user_system_id}.jpg`

// logout
const Logout = async (props) => {
await AsyncStorage.setItem('userData', '')
props.navigation.navigate('unlogged')
}

// get airport
const _get_airport = async () => {
var requestUrl = url + `CustomerApp/GetAirports`
return await fetch_api(requestUrl, "GET").then((response) => response);
}

const _get_airport_terminal = async (country, apt) => {
var requestUrl = url + `CustomerApp/GetAirportTerminals?strCouCode=${country}&strApt=${apt}`
return await fetch_api(requestUrl, "GET").then((response) => response);
}

const _add_new_vehicle = async (cust_id, plate_number, chs_number, mk_code, mdl_code, user_sys_id, token) => {
const data = {
"plate_number": plate_number,
"chs_number": chs_number,
"mk_code": mk_code,
"mdl_code": mdl_code,
"user_sys_id": user_sys_id,
"user_id": cust_id
}
console.log('Resserv >>>>>>>>>>>>>>>>>>>', data);
var requestUrl = url + `CustomerApp/AddNewVehicle`;
return await fetch_api(requestUrl, "POST", data).then((response) => response);
}

const _get_contact_info = async (cust_id, token) => {
var requestUrl = url + `CustomerApp/GetContactInfo`
return await fetch_api(requestUrl, "GET").then((response) => response);
}


export const _webservies = {
_user_login,
_register_user,
_add_new_account,
_check_email,
_refresh_token,
_get_my_vehicle,
_get_my_services,
_get_models,
_get_makes,
_get_app_update_yn,
_forgot,
_get_profile_info,
_get_update_password,
Logout,
_update_profile,
_update_profile_picture,
_get_active_vehicle,
pro_pic,
_get_open_service,
_get_service_detail_db,
_get_service_detail,
_get_service_timeline,
_get_trip_sheet,
_get_airport,
_get_airport_terminal,
_add_new_vehicle,
_get_contact_info
}


Comments

Post a Comment

Popular posts from this blog

Simple Redux

 Create Redux Folder Create Reducers Folder. -->. create index.php import { createSlice } from '@reduxjs/toolkit' const initialState = { userToken : { access_token : '' }, userDes : [{ token : "QpwL5tke4Pnpja7X4" , disclaimer : 'sdsd' }], loading : true , error : null } export const eveReducer = createSlice ({ initialState , name : 'eveReducer' , reducers : { AuthToken : ( state = initialState , action ) => { state . userToken = action . payload }, UserDisclaimer : ( state = initialState , action ) => { state . userDes = action . payload }, logout : ( state = initialState , action ) => { state . userToken = {}, state . userData = {} }, }, }) export const { AuthToken , UserDisclaimer , logout } = eveReducer . actions export default eveReducer . reducer Create Store Folder. -...
Read more

Add Axios Interceptor in Services where Api is called

 Create Services folder in src Create Api Folder and create index.js import { url } from "../BaseURL" ; import axiosApiInstance from "../Interceptor" ; const outGetRegRegbasic = async ( data ) => {   return await axiosApiInstance . post ( `${ url }api/his7/reg/websrv/outGetRegRegbasic` , data ) } export const _services = {   outGetRegRegbasic , }; Create url Folder  and create index.js export const url = 'http://35.234.63.118:30000/' Create Interceptor folder  and create index.js import axios from 'axios' const axiosApiInstance = axios . create ({}); // Request interceptor for API calls axiosApiInstance . interceptors . request . use (     async config => {         config . headers = {             'Access-Control-Allow-Origin' : '*' ,             // 'Authorization': `Bearer ${store.getState()?.counter?.token}`,       ...
Read more

React Interview Questions

Replace array value in javascript var users = [ { id : 1 , firstname : 'John' , lastname : 'Ken' }, { id : 2 , firstname : 'Robin' , lastname : 'Hood' }, { id : 3 , firstname : 'William' , lastname : 'Cook' } ]; var editedUser = { id : 2 , firstname : 'Michael' , lastname : 'Angelo' }; users = users. map ( u => u. id !== editedUser. id ? u : editedUser); console . log ( 'users -> ' , users); Remove array value in javascript let value = 3 let arr = [ 1 , 2 , 3 , 4 , 5 , 3 ] arr = arr. filter ( item => item !== value) console . log (arr) // [ 1, 2, 4, 5 ] Hooks in react useState, useEffect, useRef, useMemo When to use a Class Component over a Function Component? If the component needs state or lifecycle methods then use class component otherwise use function component.  What is Middleware? arrow function vs normal function ? What is the use of super(props) ? So, the simple answer to thi...
Read more