téléchargement cute http - téléchargement du code source cute http

cute http

Autres catégories

1.0.0

Télécharger

mignon-http

cute-http, une jolie bibliothèque de requêtes http, facile à utiliser et simple

Vous pouvez définir le nombre de tentatives après l'expiration du délai de demande
Des politiques de mise en cache peuvent être définies pour les requêtes get
Cute a optimisé le cache Pour une requête get de la même URL, si les paramètres de requête restent inchangés, le résultat mis en cache sera obtenu en premier, s'il ne peut pas être récupéré, il ira au backend pour le demander. changement, le résultat précédent mis en cache sera supprimé et le suivant sera récupéré. Le client demande de nouveaux résultats pour éviter que trop de données inutiles ne soient mises en cache.
Vous pouvez lancer plusieurs requêtes get, plusieurs requêtes de publication, plusieurs requêtes jsonp ou plusieurs types de requêtes différents.
Pour les requêtes parallèles, cute propose deux stratégies pour traiter les résultats.
L'utilisation par défaut garantit que la requête est exécutée avant que le résultat ne soit renvoyé. Même si une erreur se produit dans l'une des requêtes, cela n'affectera pas les autres requêtes. Bien entendu, l'utilisateur doit parcourir les données de résultat renvoyées à ce moment-là, car. l'un d'eux peut être une erreur. Les utilisateurs peuvent également le configurer de sorte que lorsque plusieurs requêtes sont lancées, tant qu'il y a une erreur dans une requête, toutes échoueront.

Comment utiliser

Installer mignon-http

 npm i cute-http --save

introduire

 import * as cute from 'cute-http';

API

constante

 const {ONE_ERROR_ABORT_ALL, KEEP_ALL_BEEN_EXECUTED, LOCAL_STORAGE, MEMORY} = cute.const;

ONE_ERROR_ABORT_ALL une erreur, interrompre toutes les requêtes
KEEP_ALL_BEEN_EXECUTED Une erreur n'affectera pas les autres requêtes. L'appelant doit gérer lui-même l'erreur renvoyée.
Les caches LOCAL_STORAGE obtiennent des résultats de retour dans localStorage
MEMORY met en cache les résultats renvoyés par get en memory

setConfig

API de niveau supérieur, configurez les paramètres pour mignon

 cute setConfig({
  retryCount: number,//重试次数
  timeout: 1900,//超时时间（毫秒）
  debug:true,//打开debug模式
  // cacheType: MEMORY, // 默认无，如果开启了缓存，cute只针对get请求做缓存，如需穿透缓存，可以对query参数加随机值，或者调用cute.get时，配置第二个参数{cacheType:null}，表示针对这一次调用不读取缓存值
  // failStrategy: ONE_ERROR_ABORT_ALL, //不设置的话，cute默认采用KEEP_ALL_BEEN_EXECUTED
})

multi

 /**
 * 发起多个post请求
 * @param {Array<{type:'post', url:string, data:object} | {type:'get', url:string} | {type:'jsonp', url:string} >} items
 * @param {{failStrategy?:number, retryCount?:number, callbackParamName?:string, [otherAxiosConfigKey]:any}} extendedAxiosConfig
 * otherAxiosConfigKey @see https://github.com/axios/axios
 */
cute.multi(urls, extendedAxiosConfig)

obtenir

 // data 会被自动stringify拼接到url末尾
cute.get(url:string, data:string|object, extendedAxiosConfig:ExtendedAxiosConfig)

multiObtenir

 cute.multiGet(urls:string[] | {url:string, data:string|object}[], extendedAxiosConfig:ExtendedAxiosConfig)

poste

 cute.post(url:string, data:object, extendedAxiosConfig:ExtendedAxiosConfig)

multiPost

 cute.multiPost({url:string, data:object}[], extendedAxiosConfig:ExtendedAxiosConfig)

jsonp

 // data 会被自动stringify拼接到url末尾
cute.jsonp(url:string, data:string|object, extendedAxiosConfig:ExtendedAxiosConfig)

multiJsonp

 cute.multiJsonp(urls:string[] | {url:string, data:string|object}[], extendedAxiosConfig:ExtendedAxiosConfig)

Le code suivant se trouve dans test/test-api.js. Les utilisateurs peuvent exécuter le nœud ${your_test_dir}/test-api.js pour voir l'effet.

Bien entendu, vous pouvez également commenter certains codes et ne voir que l'effet de l'un d'entre eux.

 const cute = require('../index');
const {ONE_ERROR_ABORT_ALL, KEEP_ALL_BEEN_EXECUTED, MEMORY} = cute.const;
const axios = cute.axios;//这个是axios模块的引用

cute.setConfig({
  retryCount: 3,//设置重试次数
  timeout: 1900,//设置超时时间
  debug: true,
  dataVerifyRule: {//设置通用的响应数据校验规则，只支持校验json对象的第一层key的值和类型的校验
    data: 'object',
    code: 'number',
    message: 'string',
  },
  pathDataVerifyRule:{//对某些请求设置独立的数据校验规则
    '/staff/foo':{
      reply:'object',
      msg:'string',
    }
  }
  cacheType: MEMORY, // 值为 'memory' | 'localStorage' 默认无
  failStrategy: KEEP_ALL_BEEN_EXECUTED, //不设置的话，cute默认采用ONE_ERROR_ABORT_ALL
})

const updateBook = 'http://localhost:8888/update-book';
const getBooksByUid = uid => `http://localhost:8888/get-books?uid=${uid}`;

async function main(){
  const result1 = await cute.get(getBooksByUid(1));
  const books = result.result1;

  const result2 = await cute.multiGet([getBooksByUid(1), getBooksByUid(2)]);
  const [reply1, reply2] = result2;

  const result3 = await cute.post(updateBook, {id:1, name:'zk'});
  const updateReply = result.result3;

  const result4 = await cute.multiPost([{url:updateBook, body:{id:1, name:'zk'}}, {url:updateBook, body:{id:2, name:'wow'}}]);
  const [updateReply1, updateReply2] = result4;

}