微信小程序请求本地服务器测试成功

这篇具有很好参考价值的文章主要介绍了微信小程序请求本地服务器测试成功。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在测试阶段,微信小程序是可以请求本地服务器的,这里有如下好处:
1.测试不需要经过网络,暂时可以不配置域名等,服务器也不用上线
2.可以看到小程序和服务器的打印,方便调试和找出问题
3.服务器不用频繁修改上架,更改非常方便

首先要在微信开发者工具做如下配置:

1.勾选上不检测域名:
微信小程序请求本地服务器测试成功
2.修改请求网址:
微信小程序请求本地服务器测试成功
3.实现请求代码:
微信小程序请求本地服务器测试成功

  /**
   * 对话框确认按钮点击事件
   */
  onConfirm: function (res) {
    modal.hideModal(this);
    console.log("set phone:",this.data.hintinfo.inputValue)
    if((this.data.hintinfo.inputValue.length!=11) || isNaN(this.data.hintinfo.inputValue))
    {
      util.showHintModal("手机号格式错误,请重新输入!");
      modal.showDialogBtn(this);
    }
    else
    {
      var that = this;
      wx.request({
        url: util.rootDocment+'/WechatLogin',
        data: {
          request_id:this.data.hintinfo.inputValue,
          request_type: 'wechat'
        },
        header: {
          'content-type': 'application/json' // 默认值
        },
        success (res) {
          console.log("request_filelist OK")
          // console.log(res.data)
          // console.log("request_filelist OK")
          // app.globalData.phone=this.data.hintinfo.inputValue;
          // wx.setStorageSync('phone',  app.globalData.phone)
        },
        fail:function(err){
          console.log(err)
        }
      })
    }
  },

微信小程序的配置和修改到这里就结束了,接下来介绍

后端的修改和配置:

1.为微信请求单独实现类WechatLogin,这里获取微信发过来的请求,如下:
微信小程序请求本地服务器测试成功

package com.wechat.response;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.util.db;
import com.util.global;

import com.util.StrUtil;
import java.sql.*;

/**
 * Servlet implementation class WechatLogin
 */
@WebServlet("/WechatLogin")
public class WechatLogin extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public WechatLogin() {
        super();
        // TODO Auto-generated constructor stub
    }
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		String request_type = (String)request.getParameter("request_type");
		String request_id = (String)request.getParameter("request_id");
		global.print("request_type:"+request_type);
		global.print("request_id:"+request_id);

2.在web.xml增加上servlet的配置

  <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>WechatLogin</servlet-name>
    <servlet-class>com.wechat.response.WechatLogin</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>WechatLogin</servlet-name>
    <url-pattern>/servlet/WechatLogin</url-pattern>
  </servlet-mapping>

测试运行:

微信小程序端看到的答应:
微信小程序请求本地服务器测试成功
java后台看到的打印:
微信小程序请求本地服务器测试成功
测试成功!文章来源地址https://www.toymoban.com/news/detail-497419.html

到了这里,关于微信小程序请求本地服务器测试成功的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序请求接口时报-202错误(服务器缺少中间证书)

    先到这个网站上面检查自己网站缺少的证书https://www.myssl.cn/tools/check-server-cert.html; 查到的错误是( 服务器缺少中间证书 ) 解决办法很简单: *** .crt里面缺少中间证书那么我们给它加一个中间证书代码就好了 *** 通过网站再次查询:

    2024年02月16日
    浏览(50)
  • 微信小程序:服务器请求、上传图片和提交表单开发完整代码实例

    该示例涉及服务器请求、上传图片、展示上传的图片,并提交表单,同时配合使用 WXML(微信小程序的前端页面结构)、WXSS(样式表)、以及 JavaScript(逻辑控制)。请注意,服务器端的实现将不在本示例范围内,您需要根据实际需求创建后端 API 来处理请求和上传的操作。

    2024年02月06日
    浏览(55)
  • 本地搭建微信小程序或者公众号开发服务器的简单方法

    现在小程序开发需要购买服务器,价格还是有点贵的,这里好代码网分享一个可以花费小代价就可以搭建一个本地服务器,可以用来开发小程序和微信公众号等。 1.域名(备案过的) 2.阿里云注册免费的https证书 3.配置本地的nginx 4.内网映射(本地安装wampserver 服务器) 一、域

    2024年02月02日
    浏览(65)
  • 微信小程序开发者工具真机调试和预览连接本地服务器

    网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图。 win+R,CMD输入ipconfig查看本地电脑服务器地址 微信开发者工具里设置代理 js代码的地址对应IPv4 地址 最后你的wifi网络要和手机上的网络一致,不然真机调试或者预

    2024年02月11日
    浏览(102)
  • (保姆级解决方案)微信小程序【真机预览】无法向服务器发送请求(实测有效)

    问题描述:微信小程序“打开调试模式可以发出请求,关闭调试模式无法发出请求” 1 获取uni-cloud官网提供的request合法域名  这个获取request合法域名是针对使用uni-cloud云开发的小程序。如果使用其它合法域名,同样可以按照下面的方法解决问题。  uni-app官网  2 在微信小程

    2024年02月05日
    浏览(63)
  • 微信小程序配置服务器域名

    在开发微信小程序实现导出功能时用到了微信小程序的API--downloadFile,发现在开发工具上正常,但是在真机上不起作用,后来发现是这个api需要在后台配置服务器域名,下面是配置域名的步骤。 1、登录微信公众平台:https://mp.weixin.qq.com/ 2、在开发目录下选择开发管理中的开发

    2024年02月11日
    浏览(48)
  • 微信小程序如何配置服务器域名

    要在微信小程序中配置服务器域名,您需要按照以下步骤进行操作: 登录微信公众平台(https://mp.weixin.qq.com/)。 进入小程序管理后台。 在左侧菜单中选择\\\"开发\\\",然后选择\\\"开发设置\\\"。 在\\\"服务器域名\\\"一栏中,点击\\\"修改\\\"按钮。 在\\\"request 合法域名\\\"一栏中,点击\\\"+\\\"按钮添加您

    2024年02月21日
    浏览(48)
  • 13、微信小程序:上传图片到服务器

    1、上传图片到服务器,有两个步骤:     1.1  拿到可上传的图片 wx.chooseImage     1.2  将图片上传到服务器  wx.uploadFile 2、代码实现 button bindtap=\\\"upload\\\"点击上传/button image src=\\\"{{imgPath}}\\\" mode=\\\"\\\"/

    2024年02月12日
    浏览(53)
  • 微信小程序怎么从服务器中获取数据

    要从服务器中获取数据,可以使用微信小程序提供的wx.request()方法。以下是一个简单的示例代码: 在上面的代码中,我们使用wx.request()方法发起一个GET请求,并指定了请求的URL。当请求成功后,会调用success回调函数,并在控制台中输出从服务器返回的数据。如果请求失败,

    2024年04月16日
    浏览(41)
  • 小白开发微信小程序50--云服务器部署测试小程序

    在前面49节的操作证明了操作正确的,但这只是在本地测试部署成功,还差一步就是前台和后台的程序都必须运行在internet上才行,而不可能运行在本地机器服务器上,方式是先在本地部署测试,然后再云服务器上部署测试,所以接下继续搞,继续干。 只要是云服务器都可以

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包