ミニプログラムをサブパッケージ化してロードする方法

1. 準備作業: 下請けの読み込みを開始する前に、WeChat の公式開発ドキュメントを読み、ミニプログラムの基本構造と開発プロセスをよく理解していることを確認してください。

2. 下請け情報の構成: ミニプログラムapp.jsonファイルで、subpackagesフィールドを使用して下請け情報を構成します。

{
  "pages": ["pages/index"],
  "subpackages": [
    {
      "root": "subpackage1",
      "pages": ["page1"]
    },
    {
      "root": "subpackage2",
      "pages": ["page2"]
    }
  ]
}

subpackage1との 2 つのサブパッケージを定義します。subpackage2各サブパッケージには 1 ページが含まれます。

3. 下請けディレクトリの作成: ミニプログラムのルートディレクトリに下請けに対応するディレクトリを作成します。subpackage1上の例では、およびディレクトリを作成しますsubpackage2。

4. 下請けページのコードを書く: 下請けディレクトリにページコードとリソースを作成します。基本的にはメインパッケージの開発方法と同じです。サブパッケージ内のページファイルはメインパッケージのディレクトリに配置できないことに注意してください。

5. サブパッケージの事前ダウンロード (オプション) : ミニプログラムの開始時に特定のサブパッケージを事前にロードして、必要なコードとリソースを事前に準備できます。フィールドで下請けの事前ダウンロードルールを設定しますapp.json。preloadRule

{
  "preloadRule": {
    "subpackage1": {
      "network": "all",
      "packages": ["subpackage1"]
    }
  }
}

6. サブパッケージを動的にロードする: ユーザーがサブパッケージ内のページにアクセスする必要がある場合、wx.loadSubpackageメソッドを通じてサブパッケージを動的にロードできます。例えば：

wx.loadSubpackage({
  name: 'subpackage1',
  success(res) {
    // 分包加载成功后的操作
  },
  fail(err) {
    // 分包加载失败后的操作
  }
});

正常にロードされた後、メインパッケージのパスを介してサブパッケージ内のページにアクセスできるようになります。

サブパッケージの読み込みには、WeChat クライアントバージョン 6.7.2 以降を使用する必要があることに注意してください。サブパッケージをロードするときは、コードとリソースが合理的に分割されていることを確認し、ロードの複雑さが増す可能性があるサブパッケージの過剰な調整を避けてください。

ミニプログラムをサブパッケージ化してロードする方法

おすすめ