微信小程序开发应使用微信自己开发的MINA框架,微信建立MINA框架目的是帮助开发者尽可能简单、高效地开发出具有原生APP体验的小程序。
在MINA框架中,微信为开发者提供了视图层层(View)描述语言WXML和和WXSS以及基于 Javascript的逻辑层( App Service)框架,并在视图层与逻辑层间提供了数据传输和事件系统,这能让开发者很方便地聚焦到数据与逻辑上。
运行MINA框架中的项目离不开小程序 APPID和微信开发者工具,下面将具体介绍一下如何获得并使用两项内容。
1.小程序AppID
微信小程序创业者首先需要一个小程序的ApID,这可以登录微信公众号官网https://mp.weixi.99.com获得,即在网站的“设置”→“开发者设置”中,查看到小程序ID。注意,小程序的APPID不可直接使用服务号或订阅号的APPID。
2.微信小程序开发者工具
微信小程序开发者还需要在官网下载并安装微信开发者工具,此工具支持Windows、linux以及Mac平台。开发者工具安装完成后,打开并使用微信扫码登录,选择“添加项目”,填入上文获取到的 APPID,设置一个项目名称(非小程序名称),并选择一个本地的文件夹作为代码存储的项目目录,然后再点击“添加项目”,便可成功创建项目。
项目创建成功后,点击该项目,便可看到完整的开发者工具界面。点击左侧导航,在“编编辑”中可查看和编辑小程序代码,在“调试”中可测试代码并模拟微信小程序在微信客户端效果,在在“项目”中可将小程)序代码发送到手机里预览实际效果。
另外,微信为了方便初学者了解小程序的基本代码结构,打开的时候会自动提示“是否需要创建一个 quick start项目”,微信小程序开发者只需选择“是”,开发者工具就会帮助大家在开发目录里生成一个简单的demo。
App.js、app.json和app.wxss文件是必不可少的,是小程序生成的依赖文件。其中.js后缀的文件是脚本文件.json后缀的文件是配置文件.wxss后缀的文件是样式表文件。
(1)app.js
app.js是小程序的脚本代码,不仅可监听并控制整个程序的生命周期,还是全局变量声明的地方。程序员通过app.js可调用框架提供的诸多API,比如,同步存储、同步读取本地数据等。
(2)app.json
app.json是对整个小程序的全局配置,不可注释。在这个文件中,程序员可配置小程序是由哪些页面组成、小程序的窗口背景色、导航条样式、默认标题等。
(3)app.wxss
app.wxss是整个小程序的公共样式表。程序员可在页面组件的class(类)属性上直接使用app.wxss中声明的样式规则。
了解了微信为小程序提供的各种开发支持后,接下来就可以开始设计并开发自己的微信小程序了。