准备工作
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框架如出一辙，难点在于他的各种框架的使用。开发工具有点原始化，可以实现的功能也很有限，微信在后期肯定会更新完善小程序的开发环境。
网友评论