小程序API有什么用

這篇文章將為大家詳細(xì)講解有關(guān)小程序API有什么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

什么是微信小程序API？

百度解釋：API是應(yīng)用程序接口，是一些預(yù)先定義的函數(shù)，讓開發(fā)人員無需訪問源碼就可以訪問一組例程的能力。簡(jiǎn)單說就是可以方便調(diào)起微信提供的能力，小程序利用API可以實(shí)現(xiàn)例如網(wǎng)絡(luò)請(qǐng)求、數(shù)據(jù)存儲(chǔ)、音視頻播放控制，以及微信開放的微信登錄、微信支付等功能。

微信小程序框架為開發(fā)者提供了一系列的組件和API接口。對(duì)于開發(fā)文檔，建議先了解其整體框架，了解其提供了哪些組件，再聯(lián)想到這些組件會(huì)用在哪些產(chǎn)品的哪些功能。對(duì)于接口也是一樣，整體了解，而不需要細(xì)看。

熟悉了文檔的結(jié)構(gòu)，那么在開發(fā)的過程中，開發(fā)到相應(yīng)功能的時(shí)候就可以直接找到自己需要用到的地方，在使用的過程中理解和掌握，這樣是我認(rèn)為更有效率的學(xué)習(xí)方法。

小程序提供了如下組件：

同樣我們先了解微信API的結(jié)構(gòu)：

了解了文檔結(jié)構(gòu)后，就可以開始實(shí)戰(zhàn)了。從簡(jiǎn)單的開始，當(dāng)你需要實(shí)現(xiàn)某個(gè)界面或功能時(shí)，能夠快速定位到應(yīng)該看哪部分文檔。下面通過豆瓣電影小程序開發(fā)實(shí)例，了解利用API開發(fā)可以實(shí)現(xiàn)哪些功能。

底部導(dǎo)航

底部導(dǎo)航的實(shí)現(xiàn)，在前面框架了解是在小程序配置文件實(shí)現(xiàn)的，設(shè)置tabBar屬性。其實(shí)現(xiàn)代碼如下：

tabBar: { backgroundColor: #363636, color:#666, selectedColor:#fff, list: [{ pagePath: pages/index/index, text: 正在熱映, iconPath: res/images/film.png, selectedIconPath: res/images/film.png }, { pagePath: pages/recommend/recommend, text: 熱門推薦, iconPath: res/images/hot.png, selectedIconPath: res/images/hot.png }, { pagePath: pages/search/search, text: 影片搜索, iconPath: res/images/search.png, selectedIconPath: res/images/search.png } ] }

頂部Banner實(shí)現(xiàn)

Banner可以自動(dòng)左右滑動(dòng)的組件，通過前面的了解，我們可以很快了解到使用swiper組件。查找方法：組件—視圖容器—swiper找到文檔，然后復(fù)制官方實(shí)例：

Page({data:{imgUrls:[ \'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg\',\'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg\',\'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg\' ],indicatorDots: false, autoplay: false, interval: 5000, duration: 1000 } })

查看效果出現(xiàn)后，再根據(jù)自己的需要對(duì)照文檔修改屬性實(shí)現(xiàn)自己想要的功能即可。開發(fā)小程序關(guān)注小程序開發(fā)教程

電影展示部分

電影展示部分包含了圖片、文字等，而每部影片的介紹又是一組，不斷循環(huán)重復(fù)。因此我們會(huì)用到視圖容器view、媒體組件image、基礎(chǔ)內(nèi)容組件text等。這些都是基本的組件，熟悉了文檔結(jié)構(gòu)后，在組件目錄下面查找對(duì)應(yīng)組件用法即可。

網(wǎng)絡(luò)請(qǐng)求

小程序界面顯示的電影信息等內(nèi)容，均是來自網(wǎng)絡(luò)。豆瓣電影開放了API接口，接口說明頁面：https://developers.douban.com/wiki/?title=movie_v2通過網(wǎng)絡(luò)接口獲取數(shù)據(jù)需要用到網(wǎng)絡(luò)請(qǐng)求，當(dāng)然利用js也可以實(shí)現(xiàn)，但我們前面了解了微信提供了網(wǎng)絡(luò)方面的接口，API—網(wǎng)絡(luò)—網(wǎng)絡(luò)請(qǐng)求，通過這個(gè)接口可以進(jìn)行網(wǎng)絡(luò)數(shù)據(jù)的請(qǐng)求。

示例代碼：

var url=https://api.douban.com/v2/movie/in_theaters;wx.request({ url: url, method: \'GET\', //OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT header:{ \'Content-Type\':\'application/json\'//返回json格式，必須要加 }, // 設(shè)置請(qǐng)求的 header success:function(res){ console.log(res.data.subjects); that.setData({movies:res.data.subjects }); } })

上面接口即可獲取到豆瓣電影的正在上映電影信息。使用起來也還是很方便的，支持http和https（調(diào)試模式下）。

數(shù)據(jù)交互

有了界面，有了數(shù)據(jù)。那么如何將數(shù)據(jù)顯示到界面，以及如何將界面數(shù)據(jù)提供給邏輯層，這時(shí)我們可以找到數(shù)據(jù)綁定部分的文檔。

示例代碼：

{{ message }} Page({ data: { message:\'Hello MINA!\' } })

這樣很容易就了解了如何將邏輯層的數(shù)據(jù)傳給視圖層。那么如何將視圖層的操作傳給邏輯層呢？小程序的組件提供了事件，框架—視圖層—WXML—事件。下面是簡(jiǎn)單的事件使用的實(shí)例：

Click me!Page({ tapName: function(event) {console.log(event) } })

視圖層通過event將相關(guān)數(shù)據(jù)傳輸給邏輯層，進(jìn)行處理。

小程序API接口方便了我們開發(fā)小程序，微信公眾平臺(tái)消息接口為開發(fā)者提供了一種新的消息處理方式。微信公眾平臺(tái)消息接口為開發(fā)者提供與用戶進(jìn)行消息交互的能力。

關(guān)于小程序API有什么用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。