本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

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

电脑教程 diannaojiaocheng 1℃

微信小程序新手教程小程序的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的参数如下:

参数

类型

是否必填

说明

url

String

开发者服务器接口地址

data

Object、String

请求的参数

header

Object

设置请求的 header , header 中不能设置Referer

method

String

默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

success

Function

收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

我们请求这个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号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

转载请注明:范的资源库 » 微信小程序新手教程小程序的API

喜欢 (0)