미니 프로그램의 규모가 한도를 초과하면 하도급 외에 또 어떤 조치를 취할 수 있나요? 크기 제한을 피하고 해결하는 방법은 무엇입니까?

미니 프로그램의 규모가 한도를 초과하는 경우 하도급 외에 또 어떤 조치를 취할 수 있나요? 크기 제한을 초과하지 않도록 하는 방법이 있습니까? 다음 글에서는 크기 제한을 피하고 해결하는 방법을 소개하겠습니다. 도움이 되길 바랍니다.

며칠 전, 업계에 막 합류한 친구가 위챗에서 저에게 미니 프로그램을 제출할 때 코드 프롬프트가 너무 커서 업로드할 수 없는 이유가 무엇인지 물었습니다. 어떻게 해결하나요?
물론 하도급을 하면 WeChat 미니 프로그램의 제출 크기 제한을 거의 모두 해결할 수 있지만 그래도 프롬프트 콘텐츠를 보내달라고 요청했습니다. 4~500kb가 넘는다고 봤는데, 하도급이 과하지 않다면 그냥 정적 자원만 압축하면 끝나겠죠. 그런데 나중에 하도급이 크기 문제를 해결하는 것 외에 어떤 이점이 있는지 생각해 봤습니다. 크기 제한을 초과하지 않도록 하는 방법이 있습니까?

Text:

현재 WeChat 미니 프로그램의 크기 제한 및 크기 제한이 필요한 이유:

1️⃣ 먼저 WeChat 미니 프로그램의 현재 크기 제한을 살펴보겠습니다.
1. 하도급 수에는 제한이 없습니다.
    2. 모든 하위 패키지의 크기는 20m를 초과할 수 없습니다.
  3. 단일 패키지의 크기는 2m를 초과할 수 없습니다.

2️⃣ 그렇다면 WeChat 애플릿에는 왜 크기 제한이 있습니까?初 애플릿의 원래 의도는 사용 후 경량화하는 것입니다. 앱으로 디자인하는 것은 권장하지 않으므로 시작 속도 및 기타 측면을 고려하여 크기가 제한됩니다.

크기 제한을 피하고 해결하는 방법은 무엇입니까?

위의 관련 제한 사항을 알면 개발 과정에서 미니 프로그램의 크기가 2m를 초과하는 것을 피하려고 노력할 수 있습니다. 쇼핑몰이나 뭔가가 매우 크다고 큰 말은 안했어요)

1. 타사 라이브러리를 사용하여 최대한 요청 시 로드하세요

예를 들어 프로젝트에서

echarts를 사용하는 경우 일반적으로 여러 종류의 아이콘을 사용할 수 있으므로 설치 시 모든 echarts를 다운로드할 필요가 없습니다. echarts 공식 웹사이트에서 온라인으로 직접 사용자 정의할 수 있습니다. (echarts 중국 지도에는 1.5포인트 이상 저장할 수 있습니다.) 문제가 있어 권장되지 않습니다). 요청 시 가져올 수 있는 일부 UI 라이브러리와 마찬가지로 요청 시 도입할 수 없으면 변경하겠습니다여기서 컬렉션을 추천합니다. WeChat 미니 프로그램에 일반적으로 사용되는 일부 UI 라이브러리

1. 공식 WeUI 구성 요소 라이브러리

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

2、 ColorUI

https://github.com/weilanwl/ColorUI

3、Vant Weapp UI

https://youzan.github .io/vant-weapp/#/intro

4、iView UI

https://weapp.iviewui.com/docs/guide/start

5、TaroUI

https://taro-ui.jd.com/#/ docs/introduction

이미지 크기를 조정하는 방법

2. 이미지 및 기타 정적 파일을 압축합니다

프로젝트에서 반드시 수행됩니다. 일반적으로 디자인이 많이 사용됩니다. 사진에
이중 사진 또는 삼중 사진

을 제공하여 다양한 해상도에 따라 다양한 곱셈 사진을 표시할 수 있습니다. 실제로 조잡한 방법으로는 해상도에 관계없이 이미지를 3배로 사용한 다음(권장하지 않음) 이미지를 무손실 압축하여 일반적으로 이미지 크기를 70%까지 줄일 수 있습니다.

이미지 압축 주소 추천은 여기(https://tinypng.com/)
3. 정적 리소스 클라우드 서비스

패키지 파일의 정적 리소스 크기를 줄이고, 프로젝트에서도 사용할 수 있습니다. 파일은 OSS에 배치되며 CDN을 사용하여 파일을 가속화하고 코드 크기를 줄일 수 있습니다. 정적 리소스를 저장하기 위해 자체 클라우드 서버를 만들고 싶다면 Qiniu Cloud를 사용하는 것이 좋습니다.
Qiniu 클라우드 계정 등록->모든 제품에서 개체 저장소 찾기->사진 업로드->링크 복사

⚠️참고: 액세스할 수 없는 경우 핫링크 방지를 구성해야 하는 경우가 있습니다. 전문가가 방법을 알려줄 것입니다. Baidu에서 구성하려면

4. 하도급 활용

규모 제한을 해결하는 전통적인 방법에 대해 먼저 기사 시작 부분에서 제기된 질문을 살펴보겠습니다. 규모 문제를 해결하는 것 외에도 하도급이 제공하는 다른 이점은 무엇입니까? ? 이 질문에 대답하려면 먼저 하위 패키징이 어떻게 작동하는지 이해하세요. 미니 프로그램이 시작되면 기본적으로 메인 패키지가 다운로드되고 사용자가 하위 패키지의 페이지에 들어가면 메인 패키지의 페이지가 시작됩니다. 클라이언트는 해당 하위 패키지를 다운로드하고 다운로드가 완료된 후 표시합니다.

그렇다면 위의 질문에 대한 대답은 쉽습니다. 미니 프로그램을 하청 계약하면 미니 프로그램을 처음 시작할 때 다운로드 시간을 최적화할 수 있고, 여러 팀이 함께 개발할 때 협업을 더 효과적으로 분리할 수 있습니다.

그럼 하도급을 하고 싶다면 어떻게 해야 할까요? : 다음은 native, uniapp, taro에서 일반적으로 사용되는 하위 패키징 방법입니다. 구성 파일 이름이 다른 점을 제외하면 세 가지 개발 방법의 코드는 동일합니다. 핵심은 프로젝트 디렉터리와 subpackages 필드입니다. .

Native:

// 在app.json的subpackages字段声明项目分包结构
{
  "pages":[			主包
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [	分包	
    {
      "root": "packageA",	
      "pages": [
        "pages/cat",	相对于root分包的路径
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "name": "pack2",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    },
    {
        root:分包根目录
        name:分包别名,分包预下载时可以使用
        pages:分包页面路径数组,相对与分包根目录
        independent:true|false分包是否是独立分包
    }
  ]
}

uniapp:

// 在pages.json的subpackages字段声明项目分包结构
代码同原生，关键就是subpackages字段

taro:

// 在src目录下app.jsx中进行配置
代码同原生，关键就是subpackages字段

결론:

WeChat 애플릿 포인트 포장은 실제로 매우 간단한 작업이지만 비동기식 하도급이 있습니다. , 사전 다운로드, 독립 하청 및 기타 지식을 다시 사용할 때 상사가 여전히 연구해야합니다.

 드디어 제가 얼마전에 이번 연간 인기순위에 참여하게 되었습니다. 사실 이 목록이 아무 의미도 없다는 것도 알지만, 최종 54위라는 결과가 여전히 허무했습니다. 저에게 있어서 이 로고의 의미는 새해에는 더 좋은 글을 만들어서 정말 이 타이틀을 얻을 수 있도록 하겠다는 의미인 것 같아요.

마지막으로, 여러분의 학업에 최선을 다하고 경력에서 발전과 성공을 기원합니다!

【관련 학습 추천: 미니 프로그램 개발 튜토리얼】

위 내용은 미니 프로그램의 규모가 한도를 초과하면 하도급 외에 또 어떤 조치를 취할 수 있나요? 크기 제한을 피하고 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!