애플 릿 캐 시 플러그 인 상세 설명(mrc)

3256 단어 애플 릿캐 시
배경wx.request는 작은 프로그램 이 제공 하 는API으로 네트워크 요청 을 하 는 데 사 용 됩 니 다.빈번 하고 느 린 업무 에서 의 요청 에 응 하고 페이지 의 화이트 스크린 이나 loading 시간 도 비교적 길 지만 캐 시 를 합 리 적 으로 이용 하 는 것 은 인터페이스 응답 속 도 를 향상 시 키 고 네트워크 자원 의 점용 을 줄 이 는 수단 입 니 다.
mrc업무 에서 사용 할 수 있 도록 2 가지 변환 모델 을 제공 합 니 다.
단기 캐 시 요구 가 상대 적 으로 낮은 업무 장면 의 경우 사용 할 수 있다 .
단기 캐 시 는 인터페이스 데 이 터 를 일정 시간 내 에 캐 시 할 수 있 으 며,시간 범위 내 에서 다시 요청 하면 캐 시 데 이 터 를 직접 사용 하여 화이트 스크린 이나 loading 시간 을 줄 일 수 있 습 니 다.서로 다른 캐 시 시간 을 설정 하여 서로 다른 업무 에 적응 하고 네트워크 자원 을 효과적으로 절약 할 수 있 습 니 다.
스냅 샷 캐 시
검색 엔진 의 스냅 샷 에 비해 요청 응답 이 느 리 고 실시 간성 이 높 은 장면 에 서 는 스냅 샷 캐 시 를 사용 할 수 있 습 니 다.
스냅 샷 캐 시 는 요청 할 때마다 이전 캐 시 데 이 터 를 결과 로 되 돌려 주 고 요청 을 한 다음 에 캐 시 를 업데이트 합 니 다.업무 자 는 2 번 의 반환 결 과 를 비교 하여 진행 할 수 있 습 니 다 .
쓰다
mrc침입 식 최소 방식 으로 원생resquestAPI 를 봉 하여 원생 API 의 기능 을 확장 하고 promise 와 2 가지 캐 시 방식 을 지원 할 수 있 습 니 다.

//app.js

//  request    
import Mrc from './dist/mrc.min';

//         
App({
 wxp: new Mrc({
  prefix: '___CACHE___',   //  ,      ,  ___CACHE___
  timeout: 600000,    //  ,      ,  ms,  10  
 }),
})

//page.js
const app = getApp()
let {wxp} = app
Page({
 data: {

 },
 onLoad: function () {
  wxp.request({
   url: 'http://xxxxxx',
   cache: {
    enable: true,    //  ,      ,  false
    type: 'snapshot',   //  ,      ,  (timeout)、  (snapshot),    
    timeout: 600000,    //  ,      ,     ,    >    >    
   },
  })
   .then((res) => {
    //                promise  ,           
    return res.req;
   })
   .then((res) => {
    console.log(res);

   })
 },
})
특성
  • 캐 시 형식 이 스냅 샷 캐 시 일 때 캐 시 데 이 터 는 영구적 인 캐 시 이 고 timeout 설정 이 잘못 되 었 습 니 다
  • 캐 시 형식 이 스냅 샷 캐 시 일 때 첫 번 째 then 리 셋 은 정식 요청 한 promise 대상 을 가 져 와 다음 then 리 셋 으로 정식 요청 한 데 이 터 를 가 져 옵 니 다
  • 캐 시 를 사용 하지 않 으 려 면(enable=false)mrc 로 실례 화 된 대상 의 정상 적 인 요청 을 할 수 있 습 니 다.promise
  • 를 지원 합 니 다.
    대비
    유형
    지속 여부
    매번 요청 하 시 겠 습 니까?
    실시 간성
    스냅 샷 캐 시
    예.
    예.
    높다
    단기 캐 시
    아니.
    아니.
    낮다
    배합뼈대 병풍으로 사용 하면 더욱 효과 가 좋 습 니 다!!!

    총결산
    캐 시 플러그 인의 사용 은 페이지 의 열 림 속 도 를 효과적으로 향상 시 키 고 빈번 한 네트워크 요청 에서 서버 자원 을 효과적으로 절약 할 수 있 습 니 다.구체 적 인 호출 방식 과 소스 코드 를 보십시오github.마지막 으로 start 를 구하 십시오.
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

    좋은 웹페이지 즐겨찾기