微信小程序后端Java接口开发

您所在的位置：网站首页 › 小程序调用接口实例 › 微信小程序后端Java接口开发

微信小程序后端Java接口开发

2023-10-17 12:10| 来源: 网络整理| 查看: 265

微信小程序后端Java接口开发

微信小程序使用wx.request(OBJECT)来调用后端接口。首先我们来一个简单案例 —— helloworld实现 1、搭建一个springboot项目并引入依赖在这里插入图片描述

org.springframework.boot spring-boot-starter-web

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

后端返回的数据：{{result}}

注意：！！！！这里记得设置如下图否则会报错：

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接口开发

今日新闻

推荐新闻