WeChat アプレットの構成-ミニプログラム開発-php.cn

WeChat アプレットの構成

高洛峰

リリース： 2017-03-01 11:38:01

オリジナル

1861 人が閲覧しました

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
}

ログイン後にコピー

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

WeChat アプレットの構成

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

WeChat アプレットの構成

ページ

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

フレームワークは統合のためにパス .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

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

WeChat アプレットの構成

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

ログイン後にコピー

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

WeChat アプレットの構成