微信小程序自从去年一月份诞生以来越来越受到用户的认可,因为它不像APP需要花费流量下载安装到本地,也不用花费那么多的手机内存来运行,而且APP一旦运行多个就容易造成手机卡顿。
使用过小程序的人都有很直接的感受,就是它的轻量,而依托于微信它一开始就表现出强大的生命力。从出行的共享单车,到购物的电商系统再到生活服务的外卖系统,小程序可以说是呈现爆炸式增长的用户数量在侵蚀着APP市场。
今天让我们来看看如何制作一个属于我们自己的小程序:首先,打开微信小程序手册(https://developers.weixin.qq.com/miniprogram/dev/index.html)第一步,去注册一个属于自己小程序的AppId(https://mp.weixin.qq.com/wxopen/waregister?action=step1),如果有开发过公众号的人一定对AppId不陌生,这个AppId就像是我们的身份证一样,是小程序的唯一标识。
OK,注册完AppId就成功一半了。接下来,根据自己的操作系统下载相应的开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018515),打开小程序开发者工具,用微信扫码登陆,准备开发属于你的小程序吧。
生成小程序项目包
用编辑器打开这个小程序的项目包可以看到它的机构,相对来说还是比较简单,开发手册也有详细的介绍,这里就不多加赘述。
运行小程序可以看到这个下面的界面
打开手册-->组件-->button可以看到它的所有属性和使用示例。
我们在写一个button并且用bindtap绑定一个clickMe的动作,上一个para参数。
在js处理相应的动作,在控制台输出这个动作所带的参数可以看到para的值。
接下来我们来实现下网络请求。打开手册,找到API->网络请求,呦,还在第一位。
我们使用PHP来为小程序提供接口,别问为什么,毕竟PHP是世界上最好的语言(不接受反驳)。如果接口多的话可以写一个config来配置管理方便调试。
小程序发送一个数据请求。
服务端接受请做出处理,返回一个json给小程序。
可以在控制台输出返回数据
到此,小程序的数据请求就完成啦~~~ 嘻嘻,小程序的制作是不是很简单呢。
领取专属 10元无门槛券
私享最新 技术干货