微信小程序与Java后台的通信
来源:互联网 发布:suse linux安装详解 编辑:程序博客网 时间:2024/06/06 09:28
本文转载自http://www.cnblogs.com/dichuan/p/7932442.html
一、写在前面
最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的,然后查找资料发现结合了官方提供的api后好像和我们普通的web前后端通信也没有多大的区别,有想法后就写了这个测试程序。
二、API文档
wx.request(OBJECT)
发起网络请求。使用前请先阅读说明。
OBJECT参数说明:
success返回参数说明:
data 数据说明:
最终发送给服务器的数据是 String 类型,如果传入的 data 不是 String 类型,会被转换成 String 。转换规则如下:
- 对于
header['content-type']
为application/json
的数据,会对数据进行 JSON 序列化 - 对于
header['content-type']
为application/x-www-form-urlencoded
的数据,会将数据转换成 query string (encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...)
示例代码
wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function(res) { console.log(res.data) }})
三、基本思路
将数据通过get方式传到Java servlet类,servlet得到微信小程序的数据打印出来并返回一个数据给微信小程序,从而实现一个最简单的前后端通信。
四、关键代码
微信小程序代码
index.wxml
<view> <button bindtap='bindtest'>test</button> </view>
index.js
bindtest: function(){ wx.request({ url: 'http://localhost:8080/Demo01/servlet02', data:{ username:'001', password:'abc' }, method:'GET', header: { 'content-type': 'application/json' // 默认值 }, success:function(res){ console.log(res.data); }, fail:function(res){ console.log(".....fail....."); } }) },
Java serlvet类代码
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.setContentType("text/html;charset=utf-8"); /* 设置响应头允许ajax跨域访问 */ response.setHeader("Access-Control-Allow-Origin", "*"); /* 星号表示所有的异域请求都可以接受, */ response.setHeader("Access-Control-Allow-Methods", "GET,POST"); //获取微信小程序get的参数值并打印 String username = request.getParameter("username"); String password = request.getParameter("password"); System.out.println("username="+username+" ,password="+password); //返回值给微信小程序 Writer out = response.getWriter(); out.write("进入后台了"); out.flush(); }
五、效果演示
前端控制台
ecplise控制台
至此说明微信小程序与Java后台通信成功!当然这是最简单的通信,比较复杂的是需要对Json数据的处理,以后有时间再总结下。
阅读全文
1 0
- 微信小程序与Java后台的通信
- Java后台与js前端之间的通信问题
- cocos2dx CCHttpclient与java后台通信
- flex通过BlazeDS与java后台通信
- Flex中HTTPService与java后台通信
- Flex中用RemoteObject与java后台通信
- iOS客户端 与JAVA 后台http通信
- 我的java微信小程序后台
- Java程序与串口的通信实现及调试
- Java程序与串口的通信实现及调试
- flex4 与后台服务器通信方式:URLRequest+URLLoader JAVA方式
- JSP前台是js,与Java后台通信
- Java程序借助W5500与单片机通信
- linux下java程序与C语言程序通过SOCKET通信的简单例子
- linux下java程序与C语言程序通过SOCKET通信的简单例子
- linux下java程序与C语言程序通过SOCKET通信的简单例子
- JAVA程序不能后台运行的解决方法
- ExtJS与 JSON 后台通信
- javascript理解02
- 机器学习环境,Graphlab Create使用和安装
- Unity 接入Vungle
- POJ:2406-Power Strings(寻找字符串循环节)
- Supermarket -- 贪心 + 并查集
- 微信小程序与Java后台的通信
- 设计模式的作用
- Z字型编排问题
- freeRtos虚拟堆栈与内存分配
- 计算机网络——网络层
- 欢迎使用CSDN-markdown编辑器
- android camera(四):camera 驱动 GT2005
- CCF201409-2 画图(100分)
- 使用clappr player和SMIL播放多路rtmp视频流