微信小程序基础篇

微信小程序介绍

微信⼩程序，简称 ，英⽂名 Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现 了应⽤“触⼿可及”的梦想，⽤⼾扫一扫或搜⼀下即可打开应⽤。

 1.1 为什么是微信小程序?

1.微信有海量用户,而且粘贴性很高，在微信里开发产品更容易触达用户；

2.推广app或公众号的成本太高。

3.开发适配成本低。

4.容易小规模试错，然后快速迭代

5.跨平台

1.2 官方微信小程序体验

小程序示列源码

 

2.环境准备

开发小程序之前，必须要准备好相应的环境

2.1注册账号

建议使用全新的邮箱，有用注册过其他小程序霍公众号的

 访问注册页面

2.2.获取APPID

由于后期调⽤微信⼩程序的接⼝等功能，需要索取开发者的⼩程序中的 APPID ，所以在注册成功后， 可登录，然后获取APPID。

登录后跳转到这个页面，然后复制你的APPID，这个是私密的最好不要公布

 2.3开发工具

下载地址

微信⼩程序⾃带开发者⼯具，集 开发 预览 调试 发布 ⼀⾝的 完整环境。 但是由于编码的体验不算好，因此 建议使⽤ vs code + 微信小程序编辑工具 来实现编码 vs code 负责敲代码， 微信编辑具 负责预览

3.第一个微信小程序

3.1.打开微信开发者工具

注意 第一次登录的时候 需要扫码登录

 

 3.2.新建小程序项目

 3.3.填写项目信息

3.4.成功了

 

 4.微信开发者工具介绍

详细的使用，可以查看官网

5.小程序结构目录

官方的目录结构 的目标是通过尽可能的简单，高效的方式让开发者可以在微信中开发具有原生APP体验的服务。

5.1.小程序文件结构和传统web对比

通过以上的对比得出，传统web是三层结构。而微信小程序 是四层结构，多了一层配置.json

5.2基本的项目目录 

6.小程序配置文件 

⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json 和 ⻚⾯⾃⼰的 page.json 注意：配置文件

6.1.全局配置 app.jso

app.json 是当前⼩程序的全局配置，包括了⼩程序的所有⻚⾯路径、界⾯表现、⽹络超时时间、底部 tab 等。 普通快速启动项⽬ ⾥边的 app.json 配置

 字段的含义

1.

pages 字段

⸺⽤于描述当前⼩程序所有⻚⾯路径，这是为了让微信客⼾端知道当前你的⼩程序 ⻚⾯定义在录。 2. window 字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊，⽂字颜⾊定义等。 3. 完整的息考 app.json的配置

6.1.1.页面配置page.json

这⾥的 page.json 其实⽤来表⽰⻚⾯⽬录下的 page.json 这类和⼩程序⻚⾯相关的配置。 开发者以独⽴定义每个⻚⾯的⼀些属性，如顶部颜⾊、是否允许下拉刷新等等。 ⻚⾯的配置只能设app.json 中部分 window 配置项的内容，⻚⾯中配置项会覆盖 app.json 的 window 中相同的配置项。

省下的好多组件我也搞不明白原理，如果需要可以到官网查看