刘琛运的技术文档

Appearance

环境调试 ​

前置环境 ​

第三方设置 ​

设置腾讯位置服务

1647189242433

项目搭建 ​

代码下载 ​

gitee仓库地址

开发者工具导入项目 ​

1647223495300

$\color{red}{注意：Appid需要填写正确}$

项目框架 ​

微信原生框架

项目目录 ​

image-20220327195121984

image-20220327234017026

app.json ​

全局配置

js
{
  "pages": [
    "pages/routesandstops/routesandstops",    // 站点信息页
    "pages/busmap/busmap"					  // 地图路线页
  ],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于班车通小程序"
    }
  },
  "window": {
    "backgroundTextStyle": "light",            // 下拉 loading 的样式，仅支持 dark / light
    "navigationBarBackgroundColor": "#D7000F", // 导航栏背景颜色
    "navigationBarTitleText": "班车通",         // 导航栏标题文字内容 
    "navigationBarTextStyle": "white"		   // 导航栏标题颜色
  },
  "sitemapLocation": "sitemap.json"
}

​

pages ​

用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。文件名不需要写文件后缀，框架会自动去寻找对应位置的 .json, .js, .wxml, .wxss 四个文件进行处理。

text
pages
    │── busmap
    │   ├── busmap.wxml
    │   ├── busmap.js
    │   ├── busmap.json
    │   └── busmap.wxss
    └── routesandstops
        ├── routesandstops.wxml
        ├── routesandstops.js
        ├── routesandstops.json
        ├── routesandstops.wxss

image-20220327234132927

pages.json ​

页面配置

app.json 中的部分配置，也支持对单个页面进行配置，可以在页面对应的 .json 文件来对本页面的表现进行配置。

页面中配置项在当前页面会覆盖 app.json 中相同的配置项（样式相关的配置项属于 app.json 中的 window 属性，但这里不需要额外指定 window 字段），具体的取值和含义可参考全局配置文档中说明。

windows ​

img

"navigationBarBackgroundColor": "#D7000F",  // 导航栏背景颜色
"navigationBarTitleText": "班车通",                      // 导航栏标题文字内容 
"navigationBarTextStyle": "white"		               // 导航栏标题颜色

image-20220327200627416

​

permission ​

小程序获取权限时展示的接口用途说明。最长 30 个字符

js
 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于班车通小程序"
    }
  },

img

sitemapLocation ​

指明 sitemap.json 的位置；默认为 'sitemap.json' 即在 app.json 同级目录下名字的 sitemap.json 文件

js
{
  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}

允许用户可访问的pages