Was kann außer der Vergabe von Unteraufträgen noch getan werden, wenn die Größe des Miniprogramms das Limit überschreitet? Wie lassen sich Größenbeschränkungen vermeiden und lösen?

Was kann außer der Vergabe von Unteraufträgen noch getan werden, wenn die Größe des Miniprogramms das Limit überschreitet? Gibt es eine Möglichkeit, eine Überschreitung der Größenbeschränkung zu vermeiden? Der folgende Artikel zeigt Ihnen, wie Sie Größenbeschränkungen vermeiden und lösen können. Ich hoffe, er ist hilfreich für Sie!

Vor ein paar Tagen fragte mich ein Freund, der gerade in die Branche eingestiegen ist, auf WeChat, warum die Code-Eingabeaufforderung beim Einreichen eines Miniprogramms zu groß ist und nicht hochgeladen werden kann? Wie kann man es lösen?
Natürlich kann die Vergabe von Unteraufträgen fast alle Beschränkungen der Einreichungsgröße von WeChat-Miniprogrammen lösen, aber ich habe ihn trotzdem gebeten, mir umgehend den Inhalt zuzusenden. Ich habe gesehen, dass die Vergabe von Unteraufträgen nicht übertrieben ist. Lassen Sie ihn einfach die statischen Ressourcen komprimieren. Aber später habe ich darüber nachgedacht, welche weiteren Vorteile die Vergabe von Unteraufträgen außer der Lösung des Größenproblems hat. Gibt es eine Möglichkeit, eine Überschreitung der Größenbeschränkung zu vermeiden?

Text:

Die aktuelle Größenbeschränkung des WeChat-Miniprogramms und warum es notwendig ist, die Größe zu begrenzen:

1️⃣ Werfen wir zunächst einen Blick auf die aktuellen Größenbeschränkungen des WeChat-Miniprogramms:
1. Keine Begrenzung der Anzahl der Unterverträge;
    2. Die Größe aller Unterpakete darf 20 m nicht überschreiten;

2️⃣ Warum gibt es also eine Größenbeschränkung für das WeChat-Miniprogramm? ?初 Da die ursprüngliche Absicht des Applets darin besteht, nach der Verwendung eine leichte Anwendung zu ermöglichen. Es wird nicht empfohlen, es als App zu entwerfen, daher ist die Größe unter Berücksichtigung der Startgeschwindigkeit und anderer Aspekte begrenzt.

Welche Möglichkeiten gibt es, die Größenbeschränkung zu vermeiden und zu lösen:

Wenn wir die oben genannten Einschränkungen kennen, können wir versuchen, zu vermeiden, dass die Größe unseres Miniprogramms 2 m aus dem Entwicklungsprozess überschreitet (natürlich die Größe eines Mall oder so etwas ist sehr groß, ich habe nichts Großes gesagt)

1. Verwenden Sie Bibliotheken von Drittanbietern, um so viel wie möglich auf Abruf zu laden. Wenn Sie beispielsweise

echarts in einem Projekt verwenden, Normalerweise verwenden wir möglicherweise mehrere Arten von Symbolen, sodass bei der Installation nicht alle Echarts heruntergeladen werden müssen. Sie können sie direkt online auf der offiziellen Echarts-Website anpassen. Sie können mehr als eineinhalb Punkte an Größe sparen (die Karte von Echarts hat). Probleme und wird nicht empfohlen. Ähnlich wie bei einigen von uns verwendeten UI-Bibliotheken: Wenn Sie es bei Bedarf importieren können, importieren Sie es einfach bei Bedarf. Wenn die Einführung nicht bei Bedarf erfolgen kann, werden wir es ändern. Hier empfehlen wir eine Sammlung einiger häufig verwendeter UI-Bibliotheken für WeChat-Miniprogramme

1 Offizielle WeUI-Komponentenbibliothek

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-Benutzeroberfläche

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

5、TaroUI

https://taro-ui.jd.com/#/ Dokumente/Einführung

So passen Sie die Bildgröße an

2. Komprimieren Sie Bilder und andere statische Dateien

Es werden auf jeden Fall viele Bilder im Design verwendet gibt uns ein

Doppelbild oder Dreifachbild

für ein Bild, sodass wir verschiedene multiplizierte Bilder entsprechend unterschiedlicher Auflösung anzeigen können. Tatsächlich können wir als grobe Methode das Bild unabhängig von der Auflösung verdreifachen (nicht empfohlen) und es dann verlustfrei komprimieren, wodurch die Bildgröße im Allgemeinen um 70 % reduziert werden kann. Empfehlen Sie hier eine Bildkomprimierungsadresse (https://tinypng.com/)

3. Statischer Ressourcen-Cloud-Dienst

Reduzieren Sie die Größe statischer Ressourcen in Paketdateien, und Sie können sie auch in Projekten verwenden Dateien werden auf OSS abgelegt und CDN kann verwendet werden, um sie zu beschleunigen und die Codegröße zu reduzieren. Wenn Sie Ihren eigenen Cloud-Server zum Speichern statischer Ressourcen erstellen möchten, wird die Verwendung von Qiniu Cloud empfohlen.

Registrieren Sie ein Qiniu Cloud-Konto – > Finden Sie den Objektspeicher in allen Produkten – > Bilder hochladen – > Link kopieren⚠️Hinweis: Manchmal müssen Sie Anti-Hotlinking konfigurieren, wenn Sie nicht darauf zugreifen können. Die Experten erklären Ihnen, wie um es auf Baidu zu konfigurieren.

4. Nutzen Sie die Vergabe von Unteraufträgen

Kommen wir zu unserer orthodoxen Methode zur Lösung der Größenbeschränkung. Schauen wir uns zunächst die am Anfang des Artikels aufgeworfene Frage an: Welche weiteren Vorteile hat die Vergabe von Unteraufträgen neben der Lösung des Größenproblems? ? Um diese Frage zu beantworten, verstehen Sie zunächst, wie das Unterpaket funktioniert: Wenn das Miniprogramm gestartet wird, wird standardmäßig das Hauptpaket heruntergeladen und die Seite im Hauptpaket gestartet Der Client lädt das entsprechende Unterpaket herunter und zeigt es an, nachdem der Download abgeschlossen ist.

Dann ist die obige Frage leicht zu beantworten: Durch die Untervergabe des Miniprogramms kann die Downloadzeit beim ersten Start des Miniprogramms optimiert und die Zusammenarbeit besser entkoppelt werden, wenn mehrere Teams gemeinsam entwickeln.

Was sollen wir also tun, wenn wir Unteraufträge vergeben möchten? : Im Folgenden sind die häufig verwendeten Unterpaketierungsmethoden von „native“, „uniapp“ und „taro“ aufgeführt. Mit Ausnahme der unterschiedlichen Konfigurationsdateinamen ist der Code für die drei Entwicklungsmethoden derselbe. Der Schlüssel ist das Projektverzeichnis und das Feld „Unterpakete“. . 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字段

Fazit

:

Applet-Punkte: Das Verpacken ist eigentlich ein sehr einfacher Vorgang, es gibt jedoch asynchrone Unteraufträge , Pre-Download, unabhängige Unterauftragsvergabe und andere Kenntnisse müssen von den Chefs noch studiert werden, wenn sie sie erneut verwenden.  Endlich habe ich vor einiger Zeit an diesem jährlichen Beliebtheitsranking teilgenommen. Eigentlich weiß ich auch, dass diese Liste nichts aussagt, aber das Endergebnis von Rang 54 hat mich trotzdem eitel gemacht. Ich denke, die Bedeutung dieses Logos besteht für mich darin, mich dazu zu drängen, im neuen Jahr qualitativ hochwertigere Artikel zu veröffentlichen, damit ich diesen Titel wirklich verdienen kann. Lasst uns alle gemeinsam hart arbeiten.

Abschließend wünsche ich dir alles Gute für dein Studium und Fortschritte und Erfolg im Beruf!

【Verwandte Lernempfehlungen:

Mini-Tutorial zur Programmentwicklung

】

Das obige ist der detaillierte Inhalt vonWas kann außer der Vergabe von Unteraufträgen noch getan werden, wenn die Größe des Miniprogramms das Limit überschreitet? Wie lassen sich Größenbeschränkungen vermeiden und lösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!