微信小程序基础学习

原创

张世强

修改于 2020-04-23 13:11:54

1.1K0

修改于 2020-04-23 13:11:54

文章被收录于专栏：zhangzhang

一、微信小程序介绍

1.什么是微信小程序？

张小龙：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

2.微信小程序的开放对象包含哪些？

个人

企业

政府

媒体

其他组织

3.微信小程序向开发者提供了哪些开发支持工具？

4.小程序的接入流程

第一步：注册小程序

前往官网页面，点击"前往注册"

填写小程序注册信息

登录邮箱查看小程序官方发送的激活邮件，点击激活链接即可激活

使用激活的账号登录微信公众平台

登记小程序注册信息，包含用户信息登记和主体信息登记两个板块

第二步：小程序信息完善

小程序信息填写

第三步：开发小程序

下载普通小程序开发者工具
登录工具开发项目

第四步：提交审核和发布

无

二、小程序配置文件介绍

1.小程序项目的目录结构默认是怎样的？

项目主体文件

页面文件

参考官网：https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

2.小程序的json格式配置文件包含哪些？

全局配置app.json

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

我们简单说一下这个配置各个项的含义:
pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
window字段 —— 定义小程序所有页面的顶部背景颜色，文字颜色定义等。
其他配置项细节可以参考文档小程序的配置 app.json 。

总结：主配置文件app.json位于小程序项目的根目录中,用来对小程序进行全局配置,包括配置所有页面的路径、窗口表现、设置网络超时时间、设置页面头部或底部tab栏等。

工具配置project.config.json

通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配置。
考虑到这点，小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
其他配置项细节可以参考文档开发者工具的配置。

总结：

页面配置 page.json

这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。
如果你整个小程序的风格是蓝色调，那么你可以在 app.json 里边声明顶部颜色是蓝色即可。实际情况可能不是这样，可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块，因此我们提供了 page.json，让开发者可以独立定义每个页面的一些属性，例如刚刚说的顶部颜色、是否允许下拉刷新等等。
其他配置项细节可以参考文档页面配置。

注：配置文件的优先级是page.json大于app.json