小程序與后端Java接口交互實(shí)現(xiàn)HelloWorld入門
第一步:后端簡單建個(gè)SpringBoot項(xiàng)目,提供一個(gè) helloWorld接口;
版本選用 2.2.6.RELEASE
package com.java1234.controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
/**
* @author java1234_小鋒
* @site www.java1234.com
* @company 南通小鋒網(wǎng)絡(luò)科技有限公司
* @create 2021-07-04 17:43
*/
@RestController
public class HelloWorldController {
@GetMapping("/helloWorld")
public String helloWorld(Integer id){
return "helloWorld "+id;
}
}
application.yml
server:
port: 80
servlet:
context-path: /
tomcat:
uri-encoding: utf-8
瀏覽器訪問:http://localhost/helloWorld?id=1
頁面顯示:
helloWorld 1
第二步:新建一個(gè)helloWorld 微信小程序,請求后端
helloWorld.js
通過微信小程序API wx.request調(diào)用后端接口
// pages/helloWorld.js
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
result:"請求后臺(tái)中..."
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function (options) {
var that=this;
this.getData(that);
},
getData(that){
wx.request({
url: 'http://localhost/helloWorld',
method:"GET",
data:{
id:100
},
header: {
'content-type': 'application/json' // 默認(rèn)值
},
success(res){
console.log(res.data);
console.log(that)
that.setData({
result:res.data
})
}
})
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面隱藏
*/
onHide: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面卸載
*/
onUnload: function () {
},
/**
* 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作
*/
onPullDownRefresh: function () {
},
/**
* 頁面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
}
})
helloWorld.wxml
<!--pages/helloWorld.wxml-->
<text>返回值:{{result}}</text>
運(yùn)行報(bào)錯(cuò)了:
![[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-VbUvZLH6-1625492299100)(C:\Users\java1234\AppData\Roaming\Typora\typora-user-images\image-20210705161237399.jpg)]](http://img.jbzj.com/file_images/article/202107/2021070916205836.jpg)
VM8 asdebug.js:1 Cannot send network request to localhost.(env: Windows,mp,1.05.2105170; lib: 2.18.0)
這里我們需要設(shè)置下:
詳情->本地設(shè)置->勾選 “不校驗(yàn)合法域名、web-view (業(yè)務(wù)域名)、TLS版本以及HITPS證書”
![[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-wlJpWUtu-1625492299101)(C:\Users\java1234\AppData\Roaming\Typora\typora-user-images\image-20210705161311798.jpg)]](http://img.jbzj.com/file_images/article/202107/2021070916205837.jpg)
勾選后,重新編譯,運(yùn)行OK;
![[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-UFatifFk-1625492299102)(C:\Users\java1234\AppData\Roaming\Typora\typora-user-images\image-20210705161836824.jpg)]](http://img.jbzj.com/file_images/article/202107/2021070916205938.jpg)
擴(kuò)展下,如果是域名調(diào)用,比如 http://localhost 改成 http://www.java1234.com
報(bào)錯(cuò):
![[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-FqTLuceq-1625492299103)(C:\Users\java1234\AppData\Roaming\Typora\typora-user-images\image-20210705161926525.jpg)]](http://img.jbzj.com/file_images/article/202107/2021070916205939.jpg)
如若已在管理后臺(tái)更新域名配置,請刷新項(xiàng)目配置后重新編譯項(xiàng)目,操作路徑:“詳情-域名信息”
VM8 asdebug.js:1 http://www.java1234.com 不在以下 request 合法域名列表中,請參考文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env: Windows,mp,1.05.2105170; lib: 2.18.0)
我們打開 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html
微信小程序?qū)τ谟蛎{(diào)用會(huì)有一些限制,還需要配置,比如僅支持https,•域名不能使用 IP 地址(小程序的局域網(wǎng) IP 除外)或 localhost;
服務(wù)器域名請?jiān)?「小程序后臺(tái)-開發(fā)-開發(fā)設(shè)置-服務(wù)器域名」 中進(jìn)行配置:
![[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-mcpKYzeB-1625492299104)(C:\Users\java1234\AppData\Roaming\Typora\typora-user-images\image-20210705162342230.jpg)]](http://img.jbzj.com/file_images/article/202107/2021070916205940.jpg)
到此這篇關(guān)于小程序與后端Java接口交互實(shí)現(xiàn)HelloWorld入門 的文章就介紹到這了,更多相關(guān)小程序與后端Java接口交互內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Java中HTTP GET方法調(diào)用帶有body的問題解決
這篇文章主要為大家詳細(xì)介紹了Java如何解決HTTP GET方法調(diào)用帶有body的問題,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以參考一下2024-02-02
Java實(shí)現(xiàn)域名解析的示例詳解(附帶源碼)
這篇文章將從理論到實(shí)踐和從代碼到測試,全方位地講解如何利用?Java?實(shí)現(xiàn)一個(gè)簡單的域名解析器,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-03-03
關(guān)于springboot使用rocketmq?RocketMQMessageListener參數(shù)問題
這篇文章主要介紹了springboot使用rocketmq?RocketMQMessageListener參數(shù)問題,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值需要的朋友可以參考下2022-11-11
Spring Boot整合tk.mybatis代碼實(shí)例
這篇文章主要介紹了Spring Boot整合tk.mybatis代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11

