初识微信小程序

准备工作

1、注册一个小程序账号，得用一个没注册过公众号的邮箱注册。

2、注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审、发布的话，只要完成营业执照号填写就可以了，不需要完成微信认证。

3、注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到AppID，用于登录开发工具。

开发工具

在官网上下载   “微信Web开发者工具”。

创建项目

打开开发者工具，选择小程序选项，到达添加项目页面

这个时候在前面设置页面的AppId就用到了。

如果项目目录中的文件是个空文件夹，会提示是否创建quick start 项目。

选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

这个Demo拥有一个完整的小程序的大概框架。

1、框架：

每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，

index.js：页面逻辑

index.wxml：页面结构，类似于html

index.wxss：页面样式表，类似于css

index.json：页面配置

2、组件

微信提供了许多组件，主要分为八种:

视图容器、基础内容、表单组件、操作反馈、导航、媒体组件、地图、画布

包含view、scroll-view、button、form等普通常用的组件，也提供了地图map、画布canvas。

3、API

网络、媒体、数据、位置、设备、界面、开发接口

其中网络请求的使用必须先到公众平台登录小程序账号，在设置页面那里，设置允许访问的域名，网络请求包含了普通的http请求、支持上传、下载、socket。基本上满足了我们开发中所需要的网络需求。

4、编译运行

1、模拟器

可以在模拟器上看效果，上面降到了运行底层不同，效果跟在手机上运行有些差异

2、真机

在左边的选项栏中，选择项目，然后点预览会生产一个二维码，用管理员微信号扫一扫就可以在真机上看实际效果

在项目间隙简单看了一下微信小程序，个人感觉和HBuilder的MUI框架如出一辙，难点在于他的各种框架的使用。开发工具有点原始化，可以实现的功能也很有限，微信在后期肯定会更新完善小程序的开发环境。