您好,登錄后才能下訂單哦!
這篇文章給大家介紹微信小程序后端Java接口開發(fā)的步驟是怎么樣的,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
微信小程序使用wx.request(OBJECT)來(lái)調(diào)用后端接口。
首先 我們來(lái)一個(gè)簡(jiǎn)單案例 —— helloworld實(shí)現(xiàn)
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>
@RestController public class HelloWorldController { @GetMapping("/helloWorld") public String helloWorld(Integer id){ return "helloworld"+id; } }
server: port: 80 servlet: context-path: / tomcat: uri-encoding: utf-8
運(yùn)行成功
helloworld.js
/** * 頁(yè)面的初始數(shù)據(jù) */ data: { result:'請(qǐng)求后臺(tái)中.....' }, /** * 生命周期函數(shù)--監(jiān)聽頁(yè)面加載 */ onLoad: function (options) { var that=this; this.getData(that); }, getData(that){ wx.request({ url: 'http://localhost:8080/helloWorld', method:'GET', data:{ id:666 }, header:{ 'content-type':'application/json' //默認(rèn)值 }, success(res){ console.log(res.data); console.log(that); that.setData({ result:res.data }) } }) },
helloworld.wxml
<text>后端返回的數(shù)據(jù):{{result}}</text>
注意:!?。。?br/>這里記得設(shè)置 如下圖
否則會(huì)報(bào)錯(cuò):
VM9 asdebug.js:1 http://localhost 不在以下 request
合法域名列表中,請(qǐng)參考文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env:
Windows,mp,1.05.2110110; lib: 2.19.4)
訪問(wèn)后端成功 如下圖
關(guān)于微信小程序后端Java接口開發(fā)的步驟是怎么樣的就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。