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