微信小程序新手教程小程序的API

　　微信小程序新手教程小程序的API，本篇默认已经成功安装微信小程序工具，来和下载吧小编一起看看吧

　　小程序开发框架提供丰富的API，可以方便地调用微信提供的功能，比如获取用户信息，本地存储，微信支付等功能。目前，小程序的API分成下面几个大类：网络、媒体、数据、位置、设备、界面、开放接口。

　　小程序API的具体参考文档：

　　https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197491659

　　看千遍，不如自己做一遍。做一遍后，就能更加深刻地认识小程序的某个API，然后举一反三，通过查询腾讯的API文档，就能掌握其他API了。好了，下面开始干活。

　　1、wx.request

　　wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。wx.request的参数如下：

　　我们请求这个restful API：http://news-at.zhihu.com/api/4/news/latest，

　　然后把数据显示出来。

　　⑴ 我先用postMan测试下这个restful API，看下显示的数据是什么?

　　⑵ 在app.js中添加一个getHttpRequest()函数。

　　getHttpData: function(){

　　return “测试wx.request”

　　},

　　⑶ index.js的onLoad()函数修改成：

　　onLoad: function () {

　　var that = this

　　var httpData = app.getHttpData()

　　that.setData({username:httpData})

　　}

　　⑷ 编译后，能看到如下界面：

　　⑸ 我们把getHttpData的代码进行升级，如下所示：

　　getHttpData: function(callback){

　　wx.request({

　　url: 'http://www.yangfuhai.com/api',

　　data: {

　　x: '' ,

　　y: ''

　　},

　　header: {

　　'Content-Type': 'application/json'

　　},

　　success: function(res) {

　　callback(res.data)

　　}

　　})

　　}

　　⑹ index.js的onLoad()函数修改成：

　　onLoad: function () {

　　var that = this

　　app.getHttpData(function(data){

　　console.log(data.date)

　　that.setData({username:data.date})

　　})

　　}

　　⑺ 编译后，能看到如下界面：

　　⑻

　　把that.setData({username:data.date})修改成：

　　that.setData({username:data.stories[0].title})

　　编译后，看到如下界面：

　　在前面的例子中，data.stories返回的是个数组列表，我们通过data.stories[0].title得到了数组的第1个对象的title。现在让我们回顾下小程序的渲染功能，用wx:for把data.stories循环地列出来。

　　⑴ index.wxml里添加如下代码：

　　{{index}}: {{item.title}}

　　⑵ index.js的onLoad()函数修改成：

　　onLoad: function () {

　　var that = this

　　app.getHttpData(function(data){

　　that.setData({items:data.stories})

　　})

　　}

　　目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图!大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧!

　　微信小程序嗨图功能

　　1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。

　　2、分享墙——用户上传的自己DIY作品。

　　3、立即制作——可以用自己的图来DIY。

　　4、告诉我——告诉产品的改进，内容的增加。

　　想要体验怎么制作属于自己个性朋友圈照片的用户，等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦!还等什么，赶紧扫码体验，开启你的嗨图之旅吧!