>  기사  >  웹 프론트엔드  >  유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.

유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.

青灯夜游
青灯夜游앞으로
2021-09-08 19:21:214848검색

유니앱, 미니프로그램 하청계약은 어떻게 하나요? 다음 글을 통해 유니앱과 미니 프로그램의 하도급 절차를 자세히 이해하시는데 도움이 되셨으면 좋겠습니다!

유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.

1. 미니 프로그램 하도급

하도급을 사용하는 각 미니 프로그램에는 메인 패키지가 포함되어 있어야 합니다. 소위 메인 패키지는 기본 시작 페이지/TabBar 페이지가 배치되는 곳이며 모든 하위 패키지에는 일부 공용 리소스/JS 스크립트가 필요하며 하위 패키지는 개발자의 구성에 따라 구분됩니다.

미니 프로그램이 시작되면 기본적으로 메인 패키지가 다운로드되고, 사용자가 하위 패키지의 페이지에 들어가면 클라이언트가 해당 하위 패키지를 다운로드하고 메인 패키지에 포함된 페이지가 실행됩니다. 다운로드 완료 후 표시

현재 미니 프로그램 하위 패키지 크기에는 다음과 같은 제한이 있습니다.

전체 미니 프로그램 하위 패키지 크기는 20M를 초과할 수 없습니다. 단일 하위 패키지/메인 패키지의 크기는 2M를 초과할 수 없습니다. 하도급 미니 프로그램은 미니 프로그램의 첫 출시를 위한 다운로드 시간을 최적화할 수 있으며, 여러 팀이 함께 개발할 때 더 나은 분리 및 협업을 가능하게 합니다.

여기를 클릭하면 이해하기 쉬운 공식 하도급 튜토리얼을 직접 볼 수 있습니다:

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

2. uniapp 하도급 미니 프로그램

앱은 전체 패키지를 기본으로 합니다. 미니 프로그램의 하도급 구성과 호환됩니다. 그 목적은 다운로드 속도를 높이는 것이 아니라 홈페이지가 vue일 때 시작 속도를 높이는 것입니다. [관련 권장 사항: "uniapp 튜토리얼"]

  • 컴포넌트: 공용 구성 요소(메인 패키지 참조용)
  • page_ 뒤에 병음이 오는 것은 모두 하청 계약입니다.
  • 하위 패키지의 구성 요소는 개별 하위 패키지의 자체 구성 요소 디렉터리입니다. vue 페이지는 자체 page_xxxx 하도급 디렉터리에서만 참조될 수 있습니다.
  • pages는 시작 페이지/TabBar 페이지를 포함하는 기본 패키지입니다.
  • static에는 공개 정적 리소스 및 이미지 클래스가 포함됩니다.

하도급 단계:

1. 매니페스트.json 구성

"mp-weixin": {
"optimization":{"subPackages":true}
}

유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.

하도급 최적화:

해당 플랫폼 구성(manifest.json)에 "subPackages" 추가 ":true} 현재 하도급 최적화 켜기

mp-weixin, mp-qq 및 mp-baidu

  • 정적 파일에 대한 하도급 최적화만 지원합니다. 정적 파일과 같은 정적 리소스 복사는 하도급에서 지원됩니다. 즉, 하도급 디렉터리에 배치됩니다. 정적 리소스는
  • js 파일: js가 하나의 하위 패키지에서만 참조되는 경우 js는 하위 패키지에 패키징됩니다. 그렇지 않으면 계속 패키징됩니다. 메인 패키지(예: 메인 패키지에서 참조되거나 2개 이상의 하위 패키지에서 참조)
  • 사용자 정의 구성 요소: 사용자 정의 구성 요소가 하나의 하위 패키지에서만 참조되고 하위 패키지에 배치되지 않은 경우 컴파일 시 프롬프트 메시지가 출력됩니다

2. 페이지.json 구성

새 배열 "subPackages"를 만듭니다. 배열에는 두 개의 매개변수가 포함됩니다. 1.root: 하위 패키지의 루트 디렉터리입니다. , 2.pages: 하위 패키지가 구성되는 페이지, 매개변수는 페이지와 동일합니다.

참고: uniapp 프로젝트를 빌드할 때 메인 패키지와 하위 패키지가 같은 디렉터리에 있을 수 없습니다. 나중에 하위 패키징을 위한 디렉터리 구조

유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.

3. 하도급 사전 로드 구성(preloadRule)

이 단계는 주로 속도를 최적화하기 위한 것입니다.

preloadRule을 구성한 후 미니 프로그램의 특정 페이지에 들어갈 때 프레임워크는 자동으로 이를 미리 로드합니다. 후속 하위 패키지 페이지에 들어갈 때 시작 속도를 향상시키는 데 필요할 수 있는 하위 패키지를 다운로드합니다. 은 페이지 경로이고 값은 이 페이지에 들어가기 위한 사전 다운로드 구성입니다. 각 구성에는 다음 항목이 있습니다.

필드 packages가 메인 패키지를 나타냅니다. networkapp Subpackaging은 preloadRule도 지원하지만 네트워크 규칙이 유효하지 않습니다.
Type 필수 기본값 Description
StringArray is None 페이지에 진입한 후 미리 다운로드한 하위 패키지 root 或 name__APP__
String No wifi 지정된 네트워크에서 사전 다운로드, 옵션 값은 다음과 같습니다: all(네트워크에 국한되지 않음), wifi(wifi에서만 사전 다운로드)

공식 구성 항목을 볼 수 있습니다:

https://uniapp.dcloud.io/collocation/pages?id=subpackages

이 기사는 https://juejin.cn/post/에서 복제되었습니다. 7003138257798037512

더 많은 프로그래밍 관련 지식을 보려면
프로그래밍 입문

을 방문하세요! !

위 내용은 유니앱 및 미니 프로그램의 하도급 단계에 대해 자세히 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제