현대 인터넷 시대에는 애플리케이션 캐싱이 어디에나 있습니다. 사용자 경험을 향상시키고 서버 부하를 줄이기 위해서는 캐싱 기술이 필요합니다. 크로스 플랫폼 프레임워크인 UniApp은 여러 모바일 플랫폼과 호환되며 자연스럽게 애플리케이션 캐싱을 지원합니다. UniApp에서는 캐시타임 관련 구성을 설정하는 것이 꼭 필요한 지식이 되었습니다. 이번 글에서는 UniApp 캐시 시간 설정 방법을 자세히 소개하겠습니다.
브라우저 캐싱 기술에서 캐시 시간은 일반적으로 로컬 캐시와 프록시 서버 캐시를 의미합니다. 로컬 캐싱은 서버가 응답한 리소스를 브라우저에 저장하고, 다음에 동일한 페이지를 방문할 때 캐시에서 직접 이러한 리소스를 가져오므로 네트워크 요청 및 서버 로드가 방지됩니다. 프록시 서버 캐싱은 클라이언트가 발행한 요청의 사본을 프록시 서버에 캐시합니다. 프록시 서버는 다음 번에 동일한 요청에 직접 응답하므로 서버에 대한 부담도 줄어듭니다. UniApp에서 애플리케이션 캐시는 유사하게 작동하며 애플리케이션이 시작되면 로컬 또는 서버 캐시에서 캐시 리소스를 읽습니다. 한편으로는 애플리케이션이 거의 실시간으로 업데이트됩니다. , 서버의 부담을 줄여줍니다.
UniApp에서 캐시 시간을 설정하려면 두 단계가 필요합니다.
(1) Manifest.json 파일에 캐시 관련 구성을 추가합니다.
"networkTimeout": {
"request": 30000,
"downloadFile": 60000,
"connectSocket": 60000,
"uploadFile": 60000
},
"applets": {
"network": {
"cache": {
"networkTimeout": 300000,
"maxAge": 86400000
}
}
},그 중 networkTimeout 구성 항목은 HTTP 요청 시간 제한을 밀리초 단위로 지정합니다. 애플릿과 네트워크 캐시 구성 항목은 UniApp에서 제공되며 애플리케이션의 네트워크 요청 반환을 캐시하는 데 사용됩니다.
(2) vue 파일에서 페이지 수준 캐시 시간을 설정합니다.
Vue 컴포넌트에는 생명주기 함수가 생성()되고 마운트()되어 있습니다. 블랙 기술에서는 onPullDownRefresh() 또는 onReachBottom()을 사용할 수도 있습니다. create()를 예로 들면 다음은 간단한 코드 예제입니다.
created () {
uni.setStorageSync('mymodule', _this.module)//设置缓存，缓存名为mymodule，值为_module
},이렇게 하면 페이지가 열릴 때 캐시를 읽어 지정된 시간 내에 페이지가 만료되지 않도록 합니다.
UniApp 캐시 시간 설정은 모든 응용 프로그램 시나리오에 적용되지 않습니다. 일반적으로 메뉴, 개인 정보 등과 같이 데이터 업데이트가 자주 발생하지 않아 캐시된 후 큰 데이터 변경이 발생하지 않는 애플리케이션에 적합합니다. 이러한 시나리오에서만 캐시 시간이 좋은 경험을 제공하고 서버의 부하를 줄여줍니다.
유니앱 캐시타임의 도입을 통해 더 깊은 이해를 가지셨으리라 믿습니다. UniApp의 캐시 시간 설정은 애플리케이션 시나리오, 네트워크 환경, 캐시 전략 등과 같은 다양한 요소를 고려해야 합니다. 명확한 요구 사항이 있는 경우에만 불필요한 문제를 피하기 위해 설정할 수 있습니다. 마지막으로, 이 문서에 설명된 구성 방법을 사용하여 캐시 시간을 설정하면 사용자 경험을 효과적으로 개선하고 서버의 부하를 줄일 수 있습니다.
위 내용은 uniapp에서 캐시 시간을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
