uniapp およびミニプログラムの下請け手順の詳細については、こちらをご覧ください。-uni-app-php.cn

uniapp およびミニプログラムの下請け手順の詳細については、こちらをご覧ください。

青灯夜游

リリース： 2021-09-08 19:21:48

転載

4836 人が閲覧しました

ユニアプリとミニプログラムを外注するにはどうすればよいですか?ユニアプリとミニプログラムの下請けの手順については、次の記事で詳しく説明していますので、お役に立てれば幸いです。

uniapp およびミニプログラムの下請け手順の詳細については、こちらをご覧ください。

1. ミニプログラムのサブパッケージ化

サブパッケージ化を使用する各ミニプログラムには、メインパッケージが含まれている必要があります。いわゆるメインパッケージにはデフォルトのスタートアップページ/TabBar ページが配置され、いくつかのパブリックリソース/JS スクリプトがすべてのサブパッケージに必要ですが、サブパッケージは開発者の構成に従って分割されます。

ミニプログラムが開始されると、デフォルトでメインパッケージがダウンロードされ、メインパッケージ内のページが起動されます。ユーザーがサブパッケージ内のページに入ると、クライアントは対応するパッケージをダウンロードします。表示

現在、ミニプログラムのサブパッケージのサイズには次の制限があります:

ミニプログラム全体のすべてのサブパッケージのサイズプログラムは 20M を超えない 1 つのサブパッケージ/メインパッケージのサイズは 2M を超えることはできませんミニプログラムを下請けにすると、ミニプログラムの初回起動時のダウンロード時間が最適化され、複数のチームが一緒に開発する際のより適切な分離とコラボレーションが可能になります。

ここを直接クリックすると、わかりやすい公式のサブパッケージ化チュートリアルが表示されます:

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

2. uniapp 下請けアプレット

App のデフォルトはパッケージ全体です。ミニプログラムの下請け構成にも対応。その目的はダウンロードを高速化することではなく、ホームページが vue の場合の起動を高速化することです。 [関連する推奨事項: "uniapp チュートリアル "]

components: パブリックコンポーネント (メインパッケージによる参照用)
page_その後にピンインが続くものはすべてサブパッケージです
サブパッケージ内のコンポーネントは、単一のサブパッケージのコンポーネントディレクトリです。サブコントラクトされた vue ページへの参照は、独自の page_xxxx サブコントラクトディレクトリでのみ参照できます。
pages はメインパッケージであり、これらはすべてスタートアップページ/タブバーページです。
static はパブリック静的リソースとイメージクラスを配置します

下請けの手順:

1.manifest.json を構成します

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

ログイン後にコピー

uniapp およびミニプログラムの下請け手順の詳細については、こちらをご覧ください。

下請けの最適化:

対応するプラットフォームの構成内 (マニフェスト .json) に "optimization":{"subPackages":true} を追加してサブパッケージの最適化を有効にします。

現在、mp-weixin、mp-qq、および mp-baidu のサブパッケージの最適化のみをサポートしています

静的ファイル: サブパッケージ化は、static などの静的リソースのコピーをサポートします。つまり、サブパッケージングディレクトリに配置された静的リソースはメインパッケージにパッケージ化されず、
js ファイルはパッケージ化されません。メインパッケージで使用される: 特定の js が 1 つのサブパッケージによってのみ参照される場合、その js はサブパッケージにパッケージ化されます。それ以外の場合は、引き続きメインパッケージにパッケージ化されます (つまり、メインパッケージによって参照されます)。、または複数のサブパッケージによって参照される)
カスタムコンポーネント: カスタムコンポーネントが 1 つのサブパッケージによってのみ参照され、サブパッケージに配置されていない場合、コンパイル中にプロンプトメッセージが出力されます。

2. 構成ページ .json

pages.json に新しい配列「subPackages」を作成します。配列には 2 つのパラメーターが含まれます: 1.root:サブパッケージのルートディレクトリ、2.pages: サブパッケージが構成されているページ、パラメータはページと同じです;

注: メインパッケージとサブパッケージを同じディレクトリに置くことはできません。 uniapp プロジェクトでは、後でサブコントラクトするためのディレクトリ構造を検討できます;

uniapp およびミニプログラムの下請け手順の詳細については、こちらをご覧ください。

3. プリロード設定のサブコントラクト (preloadRule)

このステップは主に速度を最適化するために行われます。速度を最適化したくない場合は、この構成をスキップできます。

preloadRule を構成した後、ミニプログラムの特定のページに入ると、フレームワークは自動的に後続のサブパッケージページに入るときの起動速度を向上させるために必要なサブパッケージを事前にダウンロードします。

preloadRule では、キーはページパス、値はこのページに入る事前にダウンロードされた構成です。各構成には次のものがあります。次の項目:

フィールド	タイプ	必須	デフォルト値	説明
packages	StringArray	is	None	ページに入ると、サブパッケージ化された `root` または `name` を事前にダウンロードします。 `__APP__` はメインパッケージを表します。
network	String	No	wifi	指定されたネットワーク下での事前ダウンロード、オプションの値対象: すべて (ネットワークに限定されない)、Wi-Fi (Wi-Fi 環境下での事前ダウンロードのみ)