小程序开发【2】

111 阅读2分钟

“开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 16 天,点击查看活动详情

1.小程序项目的基本组成结构

1.project.config.json

我们需要注意,打开其他项目时,需要把appid改成自己的,否则会发生错误。

image.png

project.config.json是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置,例如:

  • setting中保存了编译相关的配置
  • projectname中保存的是项目名称
  • appid中保存的是小程序的账号ID

2.sitemap.json

  1. 用来配置小程序页面是否允许微信索引
  2. 开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。

image.png

代码如下:

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

3.此处会出现的报错

此时调试器出现了下面这一行的报错提示信息:

image.png

打开详情--本地设置--把启用代码自动热重载选择取消即可:

image.png

这样调试器就不会发生提示错误啦!!!

image.png

4.此处的注意信息

sitemap中的索引提示默认情况下是开启的,如果需要关闭sitemap的索引提示,可以在小程序项目配置文件的project.config.json的setting中的配置字段checkSiteMap为false,如果我们里面没有写好的checkSiteMap,可以自己手动加上即可。

5. 页面的.json文件

小程序中的每一个页面,可以通过使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中的相同配置项。

在app.json里面配置整个小程序的外观,属于全局配置:

image.png

如果想单独对单个(某个)页面进行配置,可以在页面里面的.json文件进行设置:

image.png

使用快捷键Ctrl+S,我们可以观察到小程序的外观发生了变化:

image.png

其中pages-index-index.json里面的代码如下:

{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#00b26a"
}
  

“开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 16 天,点击查看活动详情