微信小程序后端Java接口开发的步骤是怎么样的
短信预约 -IT技能 免费直播动态提醒
这篇文章给大家介绍微信小程序后端Java接口开发的步骤是怎么样的,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
微信小程序使用wx.request(OBJECT)来调用后端接口。
首先 我们来一个简单案例 —— helloworld实现
1、搭建一个springboot项目并引入依赖
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>
2、编写controller层
@RestControllerpublic 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接口开发的步骤是怎么样的就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341