科技猎产品经理应该如何搭建一个微信小程序？（中）
产品经理应该如何搭建一个微信小程序？上一篇文章给大家介绍了一些基本的内容，这篇文章就来介绍一些专业的知识。主要包括小程序的配置以及小程序文件。
1、小程序配置
大家下载好IDE后，用已经注册的账号登录IDE，就可以开始微信小程序产品开发了。小程序的运营，离不开小程序的各种参数配置。各种配置参数定义了小程序在运行过程中的各项属性及方式。
（1）全局配置
全局配置是通过「app.json」文件进行配置。在这个配置文件中，决定了页面文件的路径，也就是说所有在小程序中要运行的页面，都需要在这里进行配置，主要配置的参数为：pages，格式为："pages": [ "pages/index/index" ],
窗口表现、设置网络超时时间、设置多 tab 。具体涉及20多项配置，细节上大家可以访问「https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 」进行详情查阅。
（2）页面配置
页面配置，主要是配置页面的相关参数，如导航栏标题颜色、标题栏内容、是否开启当前页面下拉刷新等。大家可以在每个页面下的「XX.json」文件中对相应的页面进行配置。详细配置项大家可参阅官方文档「 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html」
不过这里有个细节需要注意的是页面中配置项在当前页面会覆盖「app.json」中“window”（window用于设置小程序的状态栏、导航条、标题、窗口背景色。）参数中相同的配置项。也就是说，你在「app.json」中的“window”配置项设置了窗口背景色为黄色，另一个页面中，你又在的“window”配置项设置了窗口背景色为绿色，则这个页面窗口背景色会显示为绿色。
（3）sitemap 配置
大家知道，微信提供了小程序内搜索功能。小程序及其页面是否允许被微信索引的配置，主要通过程序根目录下的 sitemap.json 文件进行配置。配置文件内容为一个 JSON 对象，大家如果希望自己开发的小程序的某个页面被检索到，可以在“rules”中配置为：【"action": "allow"】。如果没有 sitemap.json ，则默认为所有页面都允许被索引。详细的配置规则，大家可访问「 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html#rules」
2、小程序文件
小程序程序相关的文件，主要有WXML（WeiXin Markup Language）、WXSS (WeiXin Style Sheets)、JS和JSON。json之前介绍过了，主要是些配置参数在里面。接下来进行分别介绍。
（1）WXML
主要用于小程序的页面展示。在实际的小程序开发中，需要结合基础组件、事件接口，从而构建出页面结构。也就是这个页面你要展现什么内容，同用户有哪些交互，例如常见的信息录入，表单提交，下拉刷新等。主要提供了数据绑定、列表渲染、条件渲染、模板、引用等功能。
（2）WXSS
大家如果了解Web产品开发，不难理解WXSS，简单的说WXSS同Web中的Css一样，是一套样式语言，用于描述小程序组件样式。比如，你定义的按钮是蓝色还是绿色、长宽是多少、使用什么样的字体等。语法格式上，同Css相似。这个大家在实际开发中，用到哪一部分的细节，可以继续深入演习。作为初学者而言，我们首先知道WXSS是做啥的就可以了。
（3）JS和JSON
JSON是有关于页面各参数配置的，在此就不多讲了。JS大家也比较容易理解，主要承载业务逻辑。例如，你提交表单信息，把这些信息提交到哪个服务器，下拉刷新从服务器获得哪些数据，这些功能逻辑都在JS中。这就需要大家需要对JS的语法也要有一定的熟悉。
当然，这些不是搭建小程序的所有内容，还有最后的一点：主要接口说明，小编会在下一篇文章中介绍。都是一些实用的干货知识，大家一定要认真阅读哦！
以上就是“产品经理应该如何搭建一个微信小程序？（中）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
1、小程序配置
大家下载好IDE后，用已经注册的账号登录IDE，就可以开始微信小程序产品开发了。小程序的运营，离不开小程序的各种参数配置。各种配置参数定义了小程序在运行过程中的各项属性及方式。
（1）全局配置
全局配置是通过「app.json」文件进行配置。在这个配置文件中，决定了页面文件的路径，也就是说所有在小程序中要运行的页面，都需要在这里进行配置，主要配置的参数为：pages，格式为："pages": [ "pages/index/index" ],
窗口表现、设置网络超时时间、设置多 tab 。具体涉及20多项配置，细节上大家可以访问「https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 」进行详情查阅。
（2）页面配置
页面配置，主要是配置页面的相关参数，如导航栏标题颜色、标题栏内容、是否开启当前页面下拉刷新等。大家可以在每个页面下的「XX.json」文件中对相应的页面进行配置。详细配置项大家可参阅官方文档「 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html」
不过这里有个细节需要注意的是页面中配置项在当前页面会覆盖「app.json」中“window”（window用于设置小程序的状态栏、导航条、标题、窗口背景色。）参数中相同的配置项。也就是说，你在「app.json」中的“window”配置项设置了窗口背景色为黄色，另一个页面中，你又在的“window”配置项设置了窗口背景色为绿色，则这个页面窗口背景色会显示为绿色。
（3）sitemap 配置
大家知道，微信提供了小程序内搜索功能。小程序及其页面是否允许被微信索引的配置，主要通过程序根目录下的 sitemap.json 文件进行配置。配置文件内容为一个 JSON 对象，大家如果希望自己开发的小程序的某个页面被检索到，可以在“rules”中配置为：【"action": "allow"】。如果没有 sitemap.json ，则默认为所有页面都允许被索引。详细的配置规则，大家可访问「 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html#rules」
2、小程序文件
小程序程序相关的文件，主要有WXML（WeiXin Markup Language）、WXSS (WeiXin Style Sheets)、JS和JSON。json之前介绍过了，主要是些配置参数在里面。接下来进行分别介绍。
（1）WXML
主要用于小程序的页面展示。在实际的小程序开发中，需要结合基础组件、事件接口，从而构建出页面结构。也就是这个页面你要展现什么内容，同用户有哪些交互，例如常见的信息录入，表单提交，下拉刷新等。主要提供了数据绑定、列表渲染、条件渲染、模板、引用等功能。
（2）WXSS
大家如果了解Web产品开发，不难理解WXSS，简单的说WXSS同Web中的Css一样，是一套样式语言，用于描述小程序组件样式。比如，你定义的按钮是蓝色还是绿色、长宽是多少、使用什么样的字体等。语法格式上，同Css相似。这个大家在实际开发中，用到哪一部分的细节，可以继续深入演习。作为初学者而言，我们首先知道WXSS是做啥的就可以了。
（3）JS和JSON
JSON是有关于页面各参数配置的，在此就不多讲了。JS大家也比较容易理解，主要承载业务逻辑。例如，你提交表单信息，把这些信息提交到哪个服务器，下拉刷新从服务器获得哪些数据，这些功能逻辑都在JS中。这就需要大家需要对JS的语法也要有一定的熟悉。
当然，这些不是搭建小程序的所有内容，还有最后的一点：主要接口说明，小编会在下一篇文章中介绍。都是一些实用的干货知识，大家一定要认真阅读哦！
以上就是“产品经理应该如何搭建一个微信小程序？（中）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
