如何制作你的第一个小程序

微信小程序自从去年一月份诞生以来越来越受到用户的认可,因为它不像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给小程序。

可以在控制台输出返回数据

到此,小程序的数据请求就完成啦~~~ 嘻嘻,小程序的制作是不是很简单呢。

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180515G1W2OP00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券