微信小程序配置

小程序配置

全局配置

app.json

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

全局配置中常用的配置项：小程序配置官方文档入口

1. 全局默认窗口表现
2. Pages路由
3. 底部Tab
4. 全局自定义组件声明

局部配置

page.json
覆盖 app.json 全局配置中 window 属性中的相同配置项

{
  "navigationBarBackgroundColor": "#ffffff", 	// 导航栏背景颜色
  "navigationBarTextStyle": "black",	// 导航栏标题颜色 black 或 white
  "navigationBarTitleText": "微信接口功能演示",	// 导航栏标题文本
  "backgroundColor": "#eeeeee",	// 背景颜色
  "backgroundTextStyle": "light", // 下拉样式  dark 或 light
  "enablePullDownRefresh":false, // 是否开启下拉刷新
  "onReachBottomDistance":50, // 上拉触底事件，用于上拉加载
  "pageOrientation":"", // 旋转问题 auto/protrait/landscape
  "disableScroll":true, //  禁止页面滚动
  "usingComponents":{
  }, // 自定义组件
}

索引配置

微信现已开放小程序内搜索，开发者可以通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时，会携带特定的 user-agent：mpcrawler 及场景值：1129。需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中。

开发目录结构

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils