微信小程序---新手入门

微信小程序的注册：

按照文档指引，得先注册一个微信程序的账号，选择“小程序”，按要求填写相关信息即可完成微信小程序的注册。微信严格区分个人公众号与小程序，因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同。

2、获取微信小程序的AppID

注册完成后登录，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的AppID了，注意不可直接使用服务号或订阅号的AppID。

3、下载微信小程序开发者工具

由于微信小程序的代码及规范相对封闭，因此按照微信官方的说法，为了帮助开发者简单和高效地开发微信小程序，推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。

4、创建demo项目

下载完成后，选择创建“项目”，填入上一步获取到的AppID，设置本地项目的名称(非小程序名称)，如：demo，并选择一个本地的文件夹作为代码存储的目录，点击“新建项目”就可以了。

项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在“编辑”里可以查看和编辑我们的代码，在“调试”里可以测试代码并模拟小程序在微信客户端效果，在“项目”里可以发送到手机里预览实际效果。

二、小程序的使用（ 小程序初始化目录）

1：page 页面文件夹 存放项目页面渲染相关文件

2.配置文件

3 配置文件

网址：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

4.css中的单位
rpx：把一个手机的宽度看做750rpx
px：像素
百分比：30%…
5.小程序的页面结构：

app 主体：

app.json (小程序配置文件） | 特点：| 最后一项配置不要逗号，所有的配置标点符号为英文| | pages：|
哪个页面被配置，哪个页面就是首页要放到最前面| | window：| 窗口的配置| app.js (主业务逻辑） app.wxss
(主样式css）

pages 页面：

index 首页 | index.js（首页的业务逻辑）| data:首页的数据 | | index.json（首页配置）|
覆盖app.json的window配置| | index.wxml （首页的页面结构）| < text >横排文本;< view

竖排内容；< image >图片显示 |

小程序的优点：

1.支持服务通知推送。
2.支持缓存数据推送。
3.开放能力
4.支持云端开发
5.无需考虑兼容性
6.成本较低，体验较好（相比web）