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?
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;
https://developers.weixin.qq.com/miniprogram/ dev/extended/weui/
2、 ColorUI
https://github.com/weilanwl/ColorUI3、Vant Weapp UI
https://youzan.github .io/vant-weapp/#/intro4、iView-Benutzeroberfläche
https://weapp.iviewui.com/docs/guide/start5、TaroUI
https://taro-ui.jd.com/#/ Dokumente/EinführungSo 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 Dreifachbildfü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/)
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.
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分包是否是独立分包 } ] }
// 在pages.json的subpackages字段声明项目分包结构 代码同原生,关键就是subpackages字段
// 在src目录下app.jsx中进行配置 代码同原生,关键就是subpackages字段
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!