微信小程序後端Java接口開發的詳細步驟
微信小程序使用wx.request(OBJECT)來調用後端接口。
首先 我們來一個簡單案例 —— helloworld實現
1、搭建一個springboot項目並引入依賴
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>
2、編寫controller層
@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
運行成功
3、創建微信小程序項目
helloworld.js
/** * 頁面的初始數據 */ data: { result:'請求後臺中.....' }, /** * 生命周期函數--監聽頁面加載 */ 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' //默認值 }, success(res){ console.log(res.data); console.log(that); that.setData({ result:res.data }) } }) },
helloworld.wxml
<text>後端返回的數據:{{result}}</text>
註意:!!!!
這裡記得設置 如下圖
否則會報錯:
VM9 asdebug.js:1 http://localhost 不在以下 request
合法域名列表中,請參考文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env:
Windows,mp,1.05.2110110; lib: 2.19.4)
訪問後端成功 如下圖
到此這篇關於微信小程序後端Java接口開發的詳細步驟的文章就介紹到這瞭,更多相關小程序後端Java接口開發內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- 小程序與後端Java接口交互實現HelloWorld入門
- springboot @RequestBody 接收字符串實例
- Springboot項目的搭建教程(分離出common父依賴)
- Springboot入門案例及部署項目的詳細過程
- 五分鐘解鎖springboot admin監控新技巧