Axios endpoints helps you to create a more concise endpoint mapping with a simple but flexible api. It is as wrapper over axios.
Before anything, install axios-endpoints
npm install --save axios #axios is a peer dependency
npm install --save axios-endpointsFor a more complete usage of axios settings, you may use the Factory.
import axios from "axios";
import EndpointFactory from "axios-endpoints";
const axiosInstance = axios.create({
baseURL: "https://localhost:8080/api"
});
const Endpoint = EndpointFactory(axiosInstance);
const cityEndpoint = new Endpoint("/city"); // GET https://localhost:8080/api/city
const postEndpoint = new Endpoint(({id = ""}) => "/post/" + id);
// Header changing example
function setAuthorization(MYTOKEN){
axiosInstance.defaults.headers.common["Authorization"] = MYTOKEN;
}
function getCityList(callback) {
cityEndpoint.get().then(response=>{
callback(response.data);
}).catch(e=>{
console.log("That didnt go well");
});
}
// do you like async stuff? so take this async example
async function getCityList(){
try{
const { data } = await cityEndpoint.get();
return data;
} catch (e) {
console.log("That didnt go well");
}
}
The fastest way to use axios-endpoints. ideal when you dont want to set any axios configs:
// endpoints.js
import { Endpoint } from "axios-endpoints";
export const userEndpoint = new Endpoint("https://localhost:8080/api/user");
// anotherfile.js
import { userEndpoint } from "./endpoints";
async function getUserList(){
try{
const { data } = await userEndpoint.get();
return data;
} catch (e) {
console.log("That didnt go well");
}
}
You can user either .get .post .put and .delete as well:
const cityEndpoint = new Endpoint("/city");
const { data } = await cityEndpoint.get(); // GET https://localhost:8080/api/city
const { data } = await cityEndpoint.get({
params: {country:"brazil"}
}); // GET https://localhost:8080/api/city?country=brazil
const { data } = await cityEndpoint.post({
name: "Hortolandia",
country: "Brazil",
hazardLevel: 10000
}, {
params: { someParam: "icecream" }
});
/*
curl --request POST \
--url https://localhost:8080/api/city?someParam=icecream \
--header 'Content-Type: application/json' \
--data '{
"name": "Hortolandia",
"country": "Brazil",
"hazardLevel": 10000
}'
*/Not always your endpoint will be represented by a fixed string. For that, uri params exists.
const postEndpoint = new Endpoint(({postId = ""}) => "/post/" + postId)
const { data } = await postEndpoint.get({
uriParams: {
postId: 1
}
}); // GET https://localhost:8080/api/post/1For more information about parameters and returned values, check the API section.
import axios from "axios";
import EndpointFactory from "axios-endpoints"
const axiosInstance = axios.create(config);
const Enpoint = EndpointFactory(axiosInstance);Type: function
| Parameters | |
|---|---|
| axiosInstance | Axios instance |
axiosInstance is generated via axios.create function. For more information, check axios documentation.
Return: Endpoint
import axios from "axios";
import EndpointFactory from "axios-endpoints"
const axiosInstance = axios.create(config);
const Enpoint = EndpointFactory(axiosInstance);Type: class
| Constructor Parameters | Type |
|---|---|
| endpointIdentifier | String or Function any => String |
| Parameters | Type |
|---|---|
| options | The same object as the Request Config with the extra property uriParams. You may use params and uriParams more often. |
| payload | The object that will be carried as json payload of the request |
If you got so far reading this README, you are maybe thinking about contributing. Pull requests are welcome.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent