实现小程序连接服务器(Java后台)发送请求,并返回响应

一、思路

1.首先分析整个过程,整个过程中就两个对象客户端和服务端,客户端向服务端发送请求,然后服务端再返回响应。
2.实验环境:
(1)服务端:电脑(本地服务器)、idea开发工具
(2)客户端:微信小程序开发工具开发的小程序。

通信流程:
在这里插入图片描述

二、服务器端准备(Java Servlet)

1.用idea创建一个JavaWeb项目。(我这里是小程序通信测试)
如何建立看这里:
用Idea建立第一个网站
2.建好了项目后,在src文件夹下创建如下的包名

在这里插入图片描述
3.然后右击包文件夹,选择建立一个servlet类在这里插入图片描述
在这里插入图片描述
4.JavaServlet文件

 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        super.doGet(request, response);
        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();
    }

5.注意要在web.xml文件里面注册servlet,如
在这里插入图片描述
6.最后用Tomcat发布网站,服务器端的准备就做好了。

三、小程序准备

1.在主界面(index.xml)添加一个button用来点击发送请求.
在这里插入图片描述
2.在index.js文件,添加按钮的点击事件的逻辑

bindtest: function(){
    wx.request({
      url: 'http://192.168.10.46:8080/Demo/one',  //要访问的地址(win+R,然后输入ipconfig可查看自己电脑的Ip地址)
      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.....");
      }
    })
  },

3.开始调试前先设置项目设置(否则无法访问本地服务器)
在这里插入图片描述

Ok现在已经准备就绪了,运行小程序,然后真机调试,点击按钮发送请求。
测试如下:
服务端
在这里插入图片描述
客户端
在这里插入图片描述

四、如果是访问云服务器应该怎么办。

思路:

首先我们来分析一下,云服务器其实就是一台电脑,那么要访问云
服务器的javaweb项目,我们就需要将javaweb项目部署到云服务器
上。在这里我们用宝塔面板来部署(一个宝塔面板绑定了一个云服
务器)。JavaWeb项目在本地服务器是由Tomcat管理的,那么我们
就给宝塔面板部署相同的环境。然后我们再把本地的JavaWeb项目
部署到宝塔面板中就行啦。最后小程序只要改一下访问的服务器地
址即可。

怎么样把javaweb项目部署到宝塔面板中?

1.首先将idea建立的网站导出.war文件

①在Project setting中进行如下操作

在这里插入图片描述

②记住导出文件的路径(等下在这个路径下找导出的文件)

在这里插入图片描述

③然后Buid一下war文件(war文件就生成了)

在这里插入图片描述

2.宝塔面板的准备

①.首先在软件商店里搜索Java项目管理器,点击安装。

(注意:Tomcat8.0对应Jdk1.8)

②.创建项目

在这里插入图片描述

③.映射网站

在这里插入图片描述

④.点击映射生成的网站,进入网站根目录,删除默认生成的文件,然后上传javaWeb生成的.war文件,然后解压。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

⑤、重新启动Tomcat服务

在这里插入图片描述

Ok现在部署完毕,开始测试。
小程序更改一下访问地址
在这里插入图片描述
结果
在这里插入图片描述

参考博客:
微信小程序和Java后台通信

  • 4
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 16
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西里小诸葛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值