|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 這篇文章給大家介紹了微信小程序如何進行http請求的詳細步驟,相信對大家學習微信小程序網(wǎng)絡請求會有所幫助,有需要的朋友們下面來一起看看吧。http請求介紹 HTTP(HyperText Transfer Protocol)是一套計算機通過網(wǎng)絡進行通信的規(guī)則。計算機專家設計出HTTP,使HTTP客戶(如Web瀏覽器)能夠從HTTP服務器(Web服務器)請求信息和服務,HTTP目前協(xié)議的版本是1.1.HTTP是一種無狀態(tài)的協(xié)議,無狀態(tài)是指Web瀏覽器和Web服務器之間不需要建立持久的連接,這意味著當一個客戶端向服務器端發(fā)出請求,然后Web服務器返回響應(response),連接就被關閉了,在服務器端不保留連接的有關信息.HTTP遵循請求(Request)/應答(Response)模型。Web瀏覽器向Web服務器發(fā)送請求,Web服務器處理請求并返回適當?shù)膽稹K蠬TTP連接都被構造成一套請求和應答。 微信小程序設置http請求 在微信小程序進行網(wǎng)絡通信,只能和指定的域名進行通信,微信小程序包括四種類型的網(wǎng)絡請求。 1、普通HTTPS請求( 2、上傳文件( 3、下載文件( 4、WebSocket通信( 這里以介紹 設置域名 要微信小程序進行網(wǎng)絡通信,必須先設置域名,不然會出現(xiàn)錯誤: URL 域名不合法,請在 mp 后臺配置后重試 需要在微信公眾平臺的小程序中設置域名。 在微信小程序的設置界面可以看到設置選項:
可以看到服務器設置:
在這里可以設置對應四種網(wǎng)絡訪問的域名,每一種類型的網(wǎng)絡請求需要設置一個域名,注意如果在這里設置域名為https://example.com/api/,那么https://example.com/api是無法調(diào)用的,必須加上后面/。 http請求 使用 function queryRequest(data){
wx.request({
url:"https://example.com/api/",
data:data,
header:{
// "Content-Type":"application/json"
},
success:function(res){
console.log(res.data)
},
fail:function(err){
console.log(err)
}
})
}上面的代碼會發(fā)送一個http get請求,然后打印出返回的結果。其中的參數(shù)也比較容易理解。 另外還有兩個參數(shù)沒有在代碼里: 上傳文件 上傳文件的api為 function uploadFile(file,data) {
wx.uploadFile({
url: 'http://example.com/upload',
filePath: file,
name: 'file',
formData:data,
success:function(res){
console.log(res.data)
},
fail:function(err){
console.log(err)
}
})
}其中的 這里有區(qū)別的參數(shù)是: 下載文件 下載文件的api為 function downloadFile(url,typ,success){
wx.downloadFile({
url:url,
type:typ,
success:function(res){
if(success){
success(res.tempFilePath)
}
},
fail:function(err){
console.log(err)
}
})
}其中的 下載成功后的是臨時文件,只會在程序本次運行期間可以使用,如果需要持久的保存,需要調(diào)用方法 function svaeFile(tempFile,success){
wx.saveFile({
tempFilePath:tempFile,
success:function(res){
var svaedFile=res.savedFilePath
if(success){
success(svaeFile)
}
}
})
}使用
超時的設置 可以在app.js中設置 "networkTimeout":{
"request": 10000,
"connectSocket": 10000,
"uploadFile": 10000,
"downloadFile": 10000
}這里設置的超時時間對應著四種類型的網(wǎng)絡請求。 以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,更多相關內(nèi)容請關注PHP中文網(wǎng)! 相關推薦: 以上就是關于微信小程序設置http請求的步驟的詳細內(nèi)容,更多請關注php中文網(wǎng)其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!