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

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

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

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

①在Project setting中进行如下操作

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

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

2.宝塔面板的准备

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

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

②.创建项目

③.映射网站

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



⑤、重新启动Tomcat服务

Ok现在部署完毕,开始测试。
小程序更改一下访问地址

结果

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

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

  1. java后台发送请求并获取返回值(续)

    在java后端发送请求给另一个平台,从而给前端实现 "透传"的过程中,出现:数据请求到了并传到了前端,但是控制台打印时中文显示Unicode码而前端界面中中文显示不出来!!!开始怀 ...

  2. 小程序向java后台发送图片_微信小程序在后台如何将二进制流转换成图片

    我在前端请求了小程序码返回的是一堆乱码, java不太熟网上找了一个方法可以将二进制流和图片互转,但是从微信小程序码接口获取的数据用这个方法无法获取正确的图片,不知道哪里有问题: 有没有只在前端就能获 ...

  3. JAVA后台发送http请求

    JAVA后台发送http请求 代码: @RequestMapping("/check")@ResponseBodypublic Map check(Integer cashReco ...

  4. java后台发送https请求(基于httpTemplate的httpUtil工具实现)

    最近做连续做了一些java后台发送http请求的需求,发现项目里实现http请求的写法各异,不够简洁统一,于是基于httpTemplate自行封装了一个http请求工具,常见的json和octet-s ...

  5. 微信小程序与Java后台的通信

    一.写在前面 最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的, ...

  6. Java小程序post如何传参,微信小程序向Java后台传输参数的方法实现

    微信小程序向Java后台传输参数的方法实现 首先,微信小程序我使用的是微信web开发者工具 想要向后台传输数据,需要在js中写 在微信小程序的官方文档中可以看到一个api叫wx.request它的作用 ...

  7. 《微信小程序》微信小程序用java后台连接数据库进行操作。

    微信小程序与Java后台的通信 一.写在前面 最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很 ...

  8. 微信小程序登录Java后台接口

    微信小程序登录java后台接口 首先看一下微信小程序的开发文档: 微信小程序开发文档 步骤: 小程序端向微信接口服务发送请求--wx.login():获取到登录临时凭证code 小程序端拿着获取到的c ...

  9. 微信小程序及Java后台测试登录

    微信小程序及Java后台测试登录 文章目录 微信小程序及Java后台测试登录 一.使用的工具以及开发环境 二.微信端登录代码. 第一种方式,使用wx.getUserInfo直接获取微信头像,昵称. 第 ...

最新文章

  1. IDEA无法识别pom.xml文件,内容全部显示为灰色,或者无颜色
  2. 【机器学习】集成模型方法
  3. BGP属性+13条选路原则(转载)
  4. 蓝桥杯 试题 基础练习 字母图形——13行代码AC
  5. Kubernetes入门--搭建Kubernetes集群,并启动容器服务
  6. 用硬盘安装linux物理机,老爷机安装UBUNTU的悲剧之旅(附用GRUB2硬盘安装ubuntu教程)...
  7. php什么集成框架比较好,php哪个框架比较好?
  8. Ubuntu学习 history
  9. 《CCNP ROUTE 300-101认证考试指南》——2.10节 复习所有考试要点
  10. 牛客网Python笔试技巧、单行多行输入方法以及代码调试技巧
  11. 推荐给你三个知识星球助你选对人生
  12. 所谓的360,到底窥探了你多少隐私
  13. 安全、可靠、合规,华为云守护企业网站安全
  14. 餐饮公关无小事,从防微杜渐到危机处理都需要重视
  15. 获取字符串第一个数字下标
  16. 互联网开发之神器:经典加解密函数Discuz authcode
  17. 日撸力扣三道题---Day3---数组算法+二分查找
  18. aarch64指令集_ARMv8-AArch64简述
  19. window10系统字体修改
  20. 编程思想 之「对象漫谈」

热门文章

  1. 如何去处右下角任务栏闪动邮件图标小广告?WPS干的好事!
  2. 计算机专业进中国移动难吗,【计算机】中国移动面试技巧和注意事项
  3. 《信息安全工程师教程》学习笔记02(第二章 密码学基础与应用—DES算法)
  4. Css 弹性布局(Flex)详细介绍(Flex 属性详解、场景分析)
  5. [转载]STL之priority_queue_彭世瑜_新浪博客
  6. ATtiny13与Proteus仿真-8位通用定时器/计数器与PWM仿真
  7. 【参考文献】视网膜色素上皮细胞生长培养
  8. 在线考试实时拍照系统
  9. 3dmax一键展uv_3dmax插件下载 3DSMAX展UV贴图插件 Unwrap Pro V1.02 For 2008 – 2018
  10. Python爬虫实战之爬取糗事百科段子