SpringBoot+Vue本地实现微信公总号web端的微信登录获取用户信息,前后端分离


前言

准备好微信公众平台提供的的APPID、APPSECRET。编译器idea、webstorm。

一、NATAPP内网穿透

微信的后台服务器配置的时候需要使用备案的安全域名,需要使用到内网穿透。
NATAPP:https://natapp.cn/
首先注册登录身份认证后购买免费通道,将通道springboot的端口和ip配置通道,记住通道的authtoken。
在这里插入图片描述

在下载位置右键另存为的方式下载NATAPP,下载解压后在同目录下创建一个config.ini文件配置一下通道。
config.ini内容如下:

#将本文件放置于natapp同级目录 程序将读取 [default] 段
#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
#命令行参数 -config= 可以指定任意config.ini文件
[default]
authtoken= 刚才购买的通道的authtoken             #对应一条隧道的authtoken
clienttoken=                    #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
log=none                        #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none
loglevel=DEBUG                  #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
http_proxy=                     #代理设置 如 http://10.123.10.10:3128 非代理上网用户请务必留空

配置好后点开exe并启动Springboot就好了。
在这里插入图片描述
NATAPP官方使用教程:https://natapp.cn/article/natapp_newbie

二、微信公众平台设置

1.服务器配置

开发——基本配置——服务器配置
在这里插入图片描述
这里的URL是微信要去调用这个接口去验证是否能下方设置的Token相对应。

接口代码如下:

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.PrintWriter;

/**
 * Created by Administrator on 2020/12/28.
 * @author Luffykaiyuan
 * @class WX_Util 类;
 */
@Controller
@RequestMapping("/wxt")
public class WeixinInterfaceController extends HttpServlet {
   
    /**
     * 配置微信公众号基本url,使其获取到token
     * */
    @ResponseBody
    @RequestMapping("/xc")
    public void weixininter(HttpServletRequest request, HttpServletResponse response) throws Exception {
   
        //微信获取解析信息
        String str = WX_Util.check_Url(request);
        PrintWriter out = response.getWriter();
        //输出
        out.print(str);
        //刷新
        out.flush();
        //关闭流
        out.close();
    }
}

工具类代码如下:

import javax.servlet.http.HttpServletRequest;
import java.security.MessageDigest;
import java.util.Arrays;

/**
 * Created by Administrator on 2020/12/28.
 * @author Luffykaiyuan
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值