实现小程序连接服务器发送请求，并返回响应

一、思路
二、服务器端准备（Java Servlet）
三、小程序准备
四、如果是访问云服务器应该怎么办。
- 思路：
- 怎么样把javaweb项目部署到宝塔面板中？
- - 1.首先将idea建立的网站导出.war文件
  - - ①在Project setting中进行如下操作
    - ②记住导出文件的路径（等下在这个路径下找导出的文件）
    - ③然后Buid一下war文件（war文件就生成了）
  - 2.宝塔面板的准备
  - - ①.首先在软件商店里搜索Java项目管理器，点击安装。
    - ②.创建项目
    - ③.映射网站
    - ④.点击映射生成的网站，进入网站根目录，删除默认生成的文件，然后上传javaWeb生成的.war文件，然后解压。
    - ⑤、重新启动Tomcat服务

一、思路

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项目
部署到宝塔面板中就行啦。最后小程序只要改一下访问的服务器地
址即可。