01 微信小程序入门

一. 小程序介绍

微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用，主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。

微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的，和Native App的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入，都会选择使用Web App制作工具，免费快速制作自己的Web App。

截止2019年初，微信小程序用户规模突破6亿，小游戏类微信小程序占比达28%。

1.1. 微信小程序的优势

　　很多人做微信公众号，而非App，因为App推广成本太高。这导致公众号现在更像是媒体化的平台。微信的本意是要提供服务，所以推出了服务号，但是服务号也没达到预期。微信小程序的优势：

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

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

　　3）开发适配成本低。

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

　　5）跨平台

　　6）小程序类似原生的ios，可以利用硬件接口直接操作硬件，公众号是h5需要加载会白屏，小程序不会

　　事实上，应用号并非微信首创，之前百度推出过应用号，搜狐推出过快站，但腾讯将这件事情做成功的概率却是最大

二. 开发环境的准备

1. 注册账号

访问微信公众平台，耐心完成注册即可，一个邮箱只能注册一中，公众号或小程序

2. 获取APPID

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

登录成功 - 小程序发布流程 - 配置服务器 - 开发设置 - 复制你的APPID,悄悄的保存起来，不要给别人看到

三. 建立微信小程序

3.1. 安装微信小程序开发者工具

严格来说，微信小程序支持所有的开发工具，但是从效率和便利性来说，推荐如下

微信自己的`微信小程序开发工具 ：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载好微信小程序开发者工具后，直接双击安装，一直点击下一步即可。 安装好后，界面如下

3.2 创建项目

3.3 小程序结构目录

小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。

小程序框架提供了自己的视图层描述语言 WXML 和 WXSS，以及 JavaScript，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。

官网：https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

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

结构	传统web	微信小程序
结构	HTML	WXML
样式	CSS	WXSS
逻辑	Javascript	Javascript
配置	无	JSON

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