微信小程序入门

目录

一，简介

二，小程序开发环境搭建

 1.申请账号

2.安装开发工具

3.小程序工具使用

三，目录结构以及json配置

1.目录结果

2.json配置

3.JSON 语法

 4.WXML

5.wxss

6.JS 逻辑交互

四，小程序宿主环境

1.程序与页面

2.组件

3.API

五，小程序配置

1.全局配置

2.页面配置

3.sitemap 配置

---

参考官网：微信公众平台

一，简介

1.什么是小程序？

1. 微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )

2. 限制：同一个分包中的页面享有共同的预下载大小限额 2M，限额会在工具中打包时校验。

2.小程序可以干什么？

1. 同App进行互补，提供同app类似的功能，比app操作更加简洁的轻应用

2. 通过扫一扫或者在微信搜索即可下载

3. 用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选

4. 连接线上线下

5. 开发门槛低， 成本低

二，小程序开发环境搭建

小程序开发环境搭建及项目展示
①申请小程序账号
②获取APPID
③下载安装小程序开发软件
④构建项目
⑤进行编译

 1.申请账号

进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。

 

在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。

登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的AppID 了

小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

 有了小程序帐号之后，我们需要一个工具来开发小程序

2.安装开发工具

前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

选择对应的版本就可啦（安装目录一定是非中文目录）

 安装完之后，就可以开始写第一个小程序啦

3.小程序工具使用

新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 "不使用云服务" （注意: 你要选择一个空的目录才可以创建项目），点击新建。可以先预览别人写的项目

（如有加载不出来的情况可以多编译几次，可能存在网络问题） 

三，目录结构以及json配置

1.目录结果

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录

pages:放的是所有的页面（如：用户中心，会议管理）
 

page相当于Vue中的new vue

wxxml:放的是html代码

js:放的是页面的动态效果及定义

page.json 这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。

app.json小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

定义一个模板相当于vue中的定义组件

 详情如下（以下都有官方文档可参考）

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表

一个小程序页面由四个文件组成，分别是：

文件类型	必需	作用