IDEA+SpringBoot获取微信小程序openId和session_key

最新推荐文章于 2025-06-08 11:32:54 发布

阿宁i

最新推荐文章于 2025-06-08 11:32:54 发布

阅读量2.1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： openId IDEA java 文章标签： intellij-idea 微信小程序 springboot 获取openid

本文链接：https://blog.csdn.net/ningwb______/article/details/123052726

本文介绍了如何在IntelliJ IDEA中使用SpringBoot来获取微信小程序的OpenId和session_key。首先，从微信官方获取AppId和Secret。接着，在小程序前端的app.js和user.wxml中配置后台接口。然后，在SpringBoot项目中，引入相关jar包，创建WeChatConfig和HttpClientUtil工具类，并在WeChatController中编写获取OpenId和session_key的方法。完成这些步骤后，小程序授权登录，控制台将显示关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

按照惯例,先上官网链接传送门

很多入门小伙伴可能看不懂官网给的图解,这里简单解释下
1. 从小程序端,用户授权wx.login(),得到 code
2. 在小程序端,拿着 code,给到自己的后台服务器
3. 在自己后台, 拿着前台传来的code,和自己的AppId,Secret,去请求微信服务接口
4. 微信服务接口,把用户的openId 和 session_key返回给你的后台服务器
5. 拿着返回的 openId 去开发后续的用户登录程序.
6. 如何获取 appId和Secret,请看文末

获取流程如下：
- 前端（小程序端）
- 	- user.wxml
- 	- user.js
- 	- app.js
- 后端（开发者服务器端）
- 	- 在pom.xml中导入jar包
- 	- 准备参数(AppId & secret) 
- 	- Ctrl+C+V 工具包
-	- 执行主要功能-获取openId
-	- 将获取到的openId做登录业务处理

查看自己的 AppId和Secret 传送门

小程序前端

在app.js页面中,增加自己的后台地址

  globalData: {
    userInfo: null,
    base_url: "http://localhost:8080"
  }

在user.wxml中,写上简陋的用户信息

<!--pages/user/user.wxml-->
<view class="container">
  <view class="userinfo">
    <!-- 如果可以使用用户信息,则显示用户信息 -->
    <block wx:if="{
  
  {canIUseOpenData}}">
      <view class="userinfo-avatar" bindtap="bindViewTap">
        <open-data type="userAvatarUrl" ></open-data>
      </view>
      <view class="userinfo-nickname">
        <open-data type="userNickName"></open-data>
      </view>
    </block>
    <!-- 反之, 显示按钮, 按钮用于授权登录用户信息 -->
    <block wx:else="{
  
  {!hasUserInfo}}">
      <button bindtap="login" >授权登录</button>
    </block>
  </view>
</view>

user.js

// pages/user/user.js
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: { 
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    canIUseGetUserProfile: false,
    canIUseOpenData: false// wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  login(){
    console.log("进入login方法");