ดาวน์โหลด cute http - ดาวน์โหลดซอร์สโค้ด cute http

cute http

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

น่ารัก-http

cute-http ไลบรารีคำขอ http ที่น่ารัก ใช้งานง่ายและเรียบง่าย

คุณสามารถกำหนดจำนวนการลองใหม่ได้หลังจากหมดเวลาคำขอ
สามารถกำหนดนโยบายแคชเพื่อรับคำขอได้
Cute ได้ปรับแคชให้เหมาะสม สำหรับคำขอรับ URL เดียวกัน หากพารามิเตอร์การสืบค้นยังคงไม่เปลี่ยนแปลง ผลลัพธ์ที่แคชไว้จะได้รับก่อน หากไม่สามารถเรียกข้อมูลได้ ก็จะไปที่แบ็กเอนด์เพื่อขอ การเปลี่ยนแปลง ผลลัพธ์ที่แคชไว้ก่อนหน้าจะถูกลบ และผลลัพธ์ถัดไปจะถูกเรียกคืน ไคลเอนต์ขอผลลัพธ์ใหม่เพื่อป้องกันไม่ให้ข้อมูลที่ไร้ประโยชน์มากเกินไปถูกแคช
คุณสามารถเริ่มต้นการรับหลายรายการ คำขอโพสต์หลายรายการ คำขอ jsonp หลายรายการ หรือคำขอประเภทต่างๆ ได้หลายประเภท
สำหรับคำขอแบบคู่ขนาน cute มีสองกลยุทธ์ในการประมวลผลผลลัพธ์
ตามค่าเริ่มต้น ผลลัพธ์จะถูกส่งกลับหลังจากดำเนินการคำขอแล้วเท่านั้น แม้ว่าจะมีข้อผิดพลาดเกิดขึ้นในคำขอใดคำขอหนึ่ง แต่แน่นอนว่าผู้ใช้จำเป็นต้องสำรวจข้อมูลผลลัพธ์ที่ส่งคืนในขณะนี้ เนื่องจากอย่างใดอย่างหนึ่ง ในนั้นอาจเป็นข้อผิดพลาด ผู้ใช้ยังสามารถตั้งค่าเพื่อให้เมื่อมีการเริ่มต้นคำขอหลายรายการ ตราบใดที่มีข้อผิดพลาดในคำขอเดียว ทั้งหมดจะล้มเหลว

วิธีใช้

ติดตั้ง cute-http

 npm i cute-http --save

แนะนำ

 import * as cute from 'cute-http';

เอพีไอ

คงที่

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

ONE_ERROR_ABORT_ALL เกิดข้อผิดพลาด ขัดจังหวะคำขอทั้งหมด
KEEP_ALL_BEEN_EXECUTED ข้อผิดพลาดจะไม่ส่งผลกระทบต่อคำขออื่น ๆ ผู้โทรจำเป็นต้องจัดการข้อผิดพลาดที่ส่งคืนด้วยตัวเอง
แคช LOCAL_STORAGE ได้รับผลลัพธ์ส่งคืนใน localStorage
MEMORY แคชผลลัพธ์ที่ส่งคืนโดยรับใน memory

ตั้งค่าคอนฟิก

API ระดับบนสุด กำหนดค่าพารามิเตอร์ให้น่ารัก

 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
})

หลาย

 /**
 * 发起多个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)

รับ

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

มัลติเก็ต

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

โพสต์

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

หลายโพสต์

 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)

รหัสต่อไปนี้อยู่ใน test/test-api.js ผู้ใช้สามารถดำเนินการโหนด ${your_test_dir}/test-api.js เพื่อดูผลกระทบ

แน่นอน คุณยังสามารถใส่ความคิดเห็นในโค้ดบางโค้ดได้ และดูเฉพาะผลของโค้ดใดโค้ดหนึ่งเท่านั้น

 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;

}