WeChat アプレットの構成

app.json ファイルを使用して、WeChat アプレットのグローバル構成、ページ ファイルのパス、ウィンドウ パフォーマンスの決定、ネットワーク タイムアウトの設定、複数のタブの設定などを行います。
以下は、すべての構成オプションを含む単純な構成 app.json です

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

構成属性は次のとおりです:

APP のページ構成、ウィンドウ構成、タブバー構成、ネットワーク構成、その他の情報について説明しました

ページ

は、ミニ プログラムがどのページで構成されているかを指定するために、各項目が文字列である配列を受け入れます。各項目は対応するページの [パス + ファイル名] 情報を表し、配列の最初の項目はミニ プログラムの最初のページを表します。ミニ プログラムでページを追加/削減するには、ページ配列を変更する必要があります。

フレームワークは統合のためにパス .json、.js、.wxml、および .wxss 内の 4 つのファイルを自動的に検索するため、ファイル名にファイル接尾辞を記述する必要はありません。

たとえば、開発ディレクトリは次のとおりです:

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages /logs/logs.js

app.js

app.json

app.wxss

次に、app.json に

{
  "pages":[
    "pages/index/index"
    "pages/logs/logs"
  ]
}

window

を記述して、ステータス バーとナビゲーション バーを設定する必要がありますミニプログラムのタイトル、ウィンドウの背景色。関連する属性は次のとおりです:

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

コンパイルされた表示結果は以下のとおりです:

tabBar

アプレットがマルチタブ アプリケーションの場合 (下部または上部にタブ バーがある)クライアント ウィンドウのページの切り替え) を使用すると、tabBar 設定項目を通じてタブ バーのパフォーマンスと、タブが切り替えられたときに表示される対応するページを指定できます。

ヒント: ページジャンプ (wx.navigateTo) またはページリダイレクト (wx.redirectTo) によって到達したページは、tabBar 設定で定義されたページであっても、下部のタブバーは表示されません。

tabBar は配列であり、最小 2 つ、最大 5 つのタブのみを構成できます。タブは配列の順序でソートされます。

WeChat ミニプログラムの構成に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。