南雁鎮(zhèn)小程序API可以實(shí)現(xiàn)什么功能?
閱讀 20181 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
什么是微信小程序API,按照百度上的解釋,API是應(yīng)用程序接口,是一些預(yù)先定義的函數(shù),讓開(kāi)發(fā)人員無(wú)需訪問(wèn)源碼就可以訪問(wèn)一組例程的能力。簡(jiǎn)單說(shuō)就是可以方便調(diào)起微信提供的能力,小程序利用API可以實(shí)現(xiàn)例如網(wǎng)絡(luò)請(qǐng)求、數(shù)據(jù)存儲(chǔ)、音視頻播放控制,以及微信開(kāi)放的微信登錄、微信支付等功能。微信小程序框架為開(kāi)發(fā)者提供了一系列的組件和A... 【溫州小程序開(kāi)發(fā),溫州微信公眾號(hào),平陽(yáng)做網(wǎng)站,平陽(yáng)網(wǎng)站建設(shè)公司,平陽(yáng)小程序商城制作,昆陽(yáng)萬(wàn)全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號(hào),山門(mén)順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...
什么是微信小程序API,按照百度上的解釋,API是應(yīng)用程序接口,是一些預(yù)先定義的函數(shù),讓開(kāi)發(fā)人員無(wú)需訪問(wèn)源碼就可以訪問(wèn)一組例程的能力。
簡(jiǎn)單說(shuō)就是可以方便調(diào)起微信提供的能力,小程序利用API可以實(shí)現(xiàn)例如網(wǎng)絡(luò)請(qǐng)求、數(shù)據(jù)存儲(chǔ)、音視頻播放控制,以及微信開(kāi)放的微信登錄、微信支付等功能。
微信小程序框架為開(kāi)發(fā)者提供了一系列的組件和API接口。
對(duì)于開(kāi)發(fā)文檔,建議先了解其整體框架,了解其提供了哪些組件,再聯(lián)想到這些組件會(huì)用在哪些產(chǎn)品的哪些功能。
對(duì)于接口也是一樣,整體了解,而不需要細(xì)看。
熟悉了文檔的結(jié)構(gòu),那么在開(kāi)發(fā)的過(guò)程中,開(kāi)發(fā)到相應(yīng)功能的時(shí)候就可以直接找到自己需要用到的地方,在使用的過(guò)程中理解和掌握,這樣是我認(rèn)為更有效率的學(xué)習(xí)方法。
小程序提供了如下組件:
同樣我們先了解微信API的結(jié)構(gòu):
了解了文檔結(jié)構(gòu)后,就可以開(kāi)始實(shí)戰(zhàn)了。
從簡(jiǎn)單的開(kāi)始,當(dāng)你需要實(shí)現(xiàn)某個(gè)界面或功能時(shí),能夠快速定位到應(yīng)該看哪部分文檔。
下面通過(guò)豆瓣電影小程序開(kāi)發(fā)實(shí)例,了解利用API開(kāi)發(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: 熱門(mén)推薦, 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)的組件,通過(guò)前面的了解,我們可以很快了解到使用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)自己想要的功能即可。
電影展示部分電影展示部分包含了圖片、文字等,而每部影片的介紹又是一組,不斷循環(huán)重復(fù)。
因此我們會(huì)用到視圖容器view、媒體組件image、基礎(chǔ)內(nèi)容組件text等。
這些都是基本的組件,熟悉了文檔結(jié)構(gòu)后,在組件目錄下面查找對(duì)應(yīng)組件用法即可。
網(wǎng)絡(luò)請(qǐng)求小程序界面顯示的電影信息等內(nèi)容,均是來(lái)自網(wǎng)絡(luò)。
豆瓣電影開(kāi)放了API接口,接口說(shuō)明頁(yè)面:
https://developers.douban.com/wiki/?title=movie_v2通過(guò)網(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)求,通過(guò)這個(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 }
);
}
}
)上面接口即可獲取到豆瓣電影的正在上映電影信息。
使用起來(lái)也還是很方便的,支持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) }
}
)視圖層通過(guò)event將相關(guān)數(shù)據(jù)傳輸給邏輯層,進(jìn)行處理。
小程序API接口方便了我們開(kāi)發(fā)小程序,微信公眾平臺(tái)消息接口為開(kāi)發(fā)者提供了一種新的消息處理方式。
微信公眾平臺(tái)消息接口為開(kāi)發(fā)者提供與用戶進(jìn)行消息交互的能力。
推薦:
《小程序開(kāi)發(fā)教程》以上就是小程序API可以實(shí)現(xiàn)什么功能?的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標(biāo)簽:
小程序 API本文轉(zhuǎn)載于:
即速資訊,如有侵犯,請(qǐng)聯(lián)系[email protected]刪除
上一篇:
小程序使用函數(shù)節(jié)流解決頁(yè)面多次跳轉(zhuǎn)問(wèn)題
下一篇:
小程序介紹一般寫(xiě)什么內(nèi)容相關(guān)文章相關(guān)視頻微信小程序怎么實(shí)現(xiàn)購(gòu)物車(chē)功能?(方法介紹)小程序中下拉刷新頁(yè)面的功能怎么實(shí)現(xiàn)?如何配置小程序開(kāi)發(fā)項(xiàng)目結(jié)構(gòu)?(教程)小程序使用函數(shù)節(jié)流解決頁(yè)面多次跳轉(zhuǎn)問(wèn)題小程序API可以實(shí)現(xiàn)什么功能?認(rèn)識(shí)小程序的目錄結(jié)構(gòu)小程序的rpx長(zhǎng)度單位詳解布局奔牛課堂小程序搜素框 [溫州做小程序]
為您推薦
- 百度智能小程序SWAN 視圖基礎(chǔ)數(shù)據(jù)綁定怎么做 2020-08-24
- 百度智能小程序SWAN 視圖是什么? 2020-08-24
- 百度智能小程序啟動(dòng)頁(yè)面的代碼如何設(shè)置 2020-08-24
- 百度智能小程序SWAN 生命周期是什么 2020-08-24
- 百度智能小程序如何配置全局?jǐn)?shù)據(jù) 2020-08-24
- 百度智能小程序?window、tabBar如何優(yōu)化和調(diào)整 2020-08-24
- 百度智能小程序?pages是什么 2020-08-24
- 百度智能小程序配置界面、路徑如何優(yōu)化 2020-08-24