ミニプログラムのサイズが制限を超えた場合、外注以外に何ができるでしょうか?サイズ制限を回避および解決するにはどうすればよいですか?

ミニプログラムのサイズが制限を超えた場合、外注以外に何ができるでしょうか?サイズ制限を超えないようにする方法はありますか?以下の記事ではサイズ制限を回避・解決する方法をご紹介しますので、お役に立てれば幸いです。

数日前、業界に入ったばかりの友人が WeChat で、なぜ小さなプログラムを送信するときのコード プロンプトが大きすぎてアップロードできないのかと尋ねました。どうやって対処すればいいのでしょうか？
もちろん、下請けに依頼すれば、WeChat ミニ プログラムの送信サイズ制限のほぼすべてを解決できますが、それでも私は彼にプロンプ​​ト コンテンツを送ってほしいと頼みました。 4～500 KB を超えていることがわかりました。下請けがやりすぎでない場合は、静的リソースを圧縮させれば完了します。しかし、後で、下請けについて考えてみました。サイズの問題を解決する以外に、下請けにはどのようなメリットがあるのでしょう。 ?サイズ制限を超えないようにする方法はありますか?

本文：

WeChat アプレットの現在のサイズ制限とサイズを制限する必要がある理由:

1️⃣最初にお読みください WeChat ミニ プログラムの現在のサイズ制限を見てみましょう:
1. 下請けの数に制限はありません;
2. すべての下請けのサイズは 2000 万を超えることはできません;
3 . 1 つのパッケージのサイズは 2m を超えることはできません。 ；

2️⃣それでは、なぜ WeChat ミニ プログラムにはサイズ制限があるのでしょうか?
アプレットの設計の本来の目的は、軽量アプリケーションの使用を追求することです。アプリとして設計することは推奨されていないため、起動速度などを考慮してサイズに制限があります。

サイズ制限を回避および解決する方法は何ですか:

上記の関連する制限を理解すると、小さなプログラムのサイズが制限を超えないようにすることができます。開発プロセス中の制限。2 メートル (もちろん、非常に大きなショッピング モールの種類なので、言及しませんでした)

1. サードパーティのライブラリを使用して、次のようにロードします。できるだけ多くの

# たとえば、プロジェクトで echarts を使用する場合、通常は複数のアイコンを使用するため、インストール中にすべての echarts をダウンロードする必要はありません。 . 直接 echarts 公式 Web サイトでオンラインでカスタマイズできます。 サイズを 1.5 ポイント以上節約できます (echarts 中国地図には問題があるため、お勧めできません)。 , オンデマンドでインポートできる場合は、オンデマンドでインポートできます。オンデマンドでインポートできない場合は、変更します。

ここでは、WeChat mini でよく使用される 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. 画像やその他の静的ファイルを圧縮します

プロジェクトでは必ず多くの写真が使用されます。の場合、このデザインでは、画像の
2 倍と 3 倍の画像

を提供し、異なる解像度に応じて異なる倍の画像を表示できるようになります。実際、大まかな方法​​として、解像度に関係なく画像を 3 倍にして (推奨されません)、画像を可逆圧縮することができます。これにより、画像のサイズを通常 70% 削減できます。

ここで画像圧縮アドレスを推奨します (https://tinypng.com/)
3. 静的リソース クラウド サービス

静的リソースを削減しますパッケージ化されたファイル内のスペースを占有します。プロジェクトで使用される静的ファイルを OSS に配置することもできます。CDN を使用してコード サイズを高速化し、削減することもできます。静的リソースを保存する独自のクラウド サーバーを作成したい場合は、Qiniu Cloud を使用することをお勧めします。
Qiniu Cloud アカウントを登録する ->すべての製品でオブジェクト ストレージを検索する ->写真をアップロードする ->リンクをコピー

⚠️注: アクセスできない場合は、アンチリーチングの設定が必要になる場合があります。設定しますか? 私たちは独自に Baidu を使用しています。

4. 下請けを利用する

サイズ制限を解決するためのオーソドックスな方法に戻って、まず記事の冒頭で提起された質問を見てみましょう。下請けに加えて、規模の問題を解決できることの利点は何ですか? この質問に答えるには、まずサブパッケージ化がどのように機能するかを理解してください: ミニ プログラムが開始されると、デフォルトでメイン パッケージがダウンロードされ、メイン パッケージ内のページが起動されます。サブパッケージの場合、クライアントは対応するサブパッケージをダウンロードし、ダウンロードの完了後にそれを表示します。

したがって、上記の質問は簡単に答えられます。ミニ プログラムを下請けに委託すると、ミニ プログラムの最初の起動時のダウンロード時間を最適化でき、複数のチームが一緒に開発するときにコラボレーションをより適切に分離できます。

では、下請けをしたい場合はどうすればよいでしょうか? : 以下によく使われる外注開発方法

native、uniapp、taro を列挙します 3 つの外注開発​​方法は、設定ファイルの名前が異なるだけで、コードは同じです 鍵となるのはプロジェクトですディレクトリとsubpackagesフィールド。

ネイティブ：

// 在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 中国語 Web サイトの他の関連記事を参照してください。