获取微信小程序授权信息并保存到数据库中（包含openId和session_key，java后台）

最新推荐文章于 2023-11-17 10:04:53 发布
最新推荐文章于 2023-11-17 10:04:53 发布
阅读量5.2k 收藏 78
点赞数 17
文章标签： 微信小程序 数据库 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46038405/article/details/122376589
版权

获取微信小程序授权信息并保存到数据库中（包含openId和session_key，java后台）

先来看效果图
微信小程序：
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
数据库，第一行数据是笔者写测试的时候随便加的。
在这里插入图片描述

这是java控制台显示信息，因为已经存在过了，所以不再存储
在这里插入图片描述
废话不多说，上代码：
wxml（真正有用的就是view_1）：

	
<view class="view_contain">
    <!-- 第一部分 -->
    <view class="view_1">
        <view class="btn" hidden="{{hidden_actionSheet}}" bindchange="actionSheetChange">
            <button class="bt_login" open-type="getUserInfo" bindgetuserinfo="allowGetUserInfo"> 微信授权登录 </button>
        </view>
        <view class="title_name" hidden="{{!hidden_actionSheet}}">
            <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
        </view>
        <view class="text" hidden="{{!hidden_actionSheet}}">
            <text class="userinfo-nickname">{{userInfo.nickName}}</text>
        </view>
    </view>
    <!-- 第二部分 -->
    <view class="view_2">
        <view class="view_tupianwenzi">
            <image class="image_tupian" src="../../img/签到.png"></image>
            <text class="text_saoyisao ">签到</text>
        </view>
        <view class="view_tupianwenzi ">
            <image class="image_tupian " src="../../img/wxb账户.png"></image>
            <text class="text_saoyisao ">账户</text>
        </view>
        <view class="view_tupianwenzi ">
            <image class="image_tupian " src="../../img/消息通知.png"></image>
            <text class="text_saoyisao ">通知</text>
        </view>
        <view class="view_tupianwenzi ">
            <image class="image_tupian " src="../../img/设置.png"></image>
            <text class="text_saoyisao ">设置</text>
        </view>
</view>
<!-- 第三部分 -->
<view class="view_3 ">
    <view class="list-item ">
        <image class="item-image " src=""></image>
        <text class="item-text ">我的事务</text>
        <image class="image-jiantou " src="../../img/arrow.png"></image>
    </view>
    <view class="line "></view>
    <view class="list-item ">
        <image class="item-image " src=""></image>
        <text class="item-text ">请假记录</text>
        <image class="image-jiantou " src="../../img/arrow.png"></image>
    </view>
    <view class="line "></view>
    <view class="list-item ">
        <image class="item-image " src=""></image>
        <text class="item-text ">修改密码</text>
        <image class="image-jiantou " src="../../img/arrow.png"></image>
    </view>
    <view class="line "></view>
    <view class="list-item ">
        <image class="item-image " src=""></image>
        <text class="item-text ">我的反馈</text>
        <image class="image-jiantou " src="../../img/arrow.png"></image>
    </view>
    <view class="line "></view>
    <view class="list-item ">
        <image class="item-image " src=""></image>
        <text class="item-text ">联系我们</text>
        <image class="image-jiantou " src="../../img/arrow.png"></image>
    </view>
    <view class="line "></view>
</view>
</view>

wxss:

page {
 width: 100%;
 height: 100%;
}


.userinfo-avatar {
 width: 128rpx;
 height: 128rpx;
 margin: 20rpx;
 border-radius: 50%;
}

.bt_login {
 width: 200rpx;
 height: 70rpx;
 color: #6699FF;
 border: 3rpx solid #6699FF;
 border-radius: 80rpx;
 font-size: 35rpx;
 margin: 20rpx 0;
 display: flex;
 justify-content: center;
 align-items: center;
}
.title_name{
 width: 100%;
 height: 200rpx;
 font-size: 35rpx;
 text-align: center;
}
.text{
   font-size: larger;
}
.cancel {
 font-size: 35rpx;
}

.userinfo-nickname {
 color: #aaa;
}


.view_contain {
 width: 100%;
 height: 100%;
 background: #f0eeed;
}

/* 第一部分 */

.view_1 {
 display: flex;
 justify-content: center;
 flex-flow: column;
 width: 100%;
 height: 333rpx;
 background: #f0eeed;
 
}

.view_image_text {
 width: 100%;
 height: 300rpx;
 /* 水平垂直居中 */
 display: flex;
 justify-content: center;
 align-items: center;
}

.view_image_text>image {
 width: 200rpx;
 height: 200rpx;
 border-radius: 50%;
 border: 10rpx solid rgba(0, 0, 0, 0.1);
}

.text {
 display: flex;
 justify-content: center;
 align-items: center;
}

/* 第二部分 */

.view_2 {
 width: 100%;
 height: 15%;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 background: white;
}

.view_tupianwenzi {
 display: flex;
 flex-direction: column;
 width: 120rpx;
 align-items: center;
 margin-left: 25rpx;
 margin-right: 25rpx;
}

.image_tupian {
 display: flex;
 width: 100rpx;
 height: 100rpx;
}

/* 第三部分 */

.view_3 {
 width: 100%;
 height: 50%;
 /* background: #f0eeed; */
}

.list-item {
 display: flex;
 flex-direction: row;
 align-items: center;
 width: 100%;
 height: 80rpx;
 margin-top: 20rpx;
 position: relative;
 /*父元素位置要设置为相对*/
 background: white;
}

.item-image {
 width: 50rpx;
 height: 50rpx;
 margin: 20rpx;
}

.item-text {
 color: gray;
 font-size: 35rpx;
 margin-left: 20rpx;
}

.image-jiantou {
 width: 20rpx;
 height: 35rpx;
 position: absolute;
 /* 要约束所在位置的子元素的位置要设置成绝对 */
 right: 0;
 /* 靠右调节 */
 margin-right: 35rpx;
}

/* 黑线 使得产生阴影效果 */

.line {
 width: 100%;
 height: 3rpx;
 background: lightgray;
 margin-left: 90rpx;
}

核心js（注意看注释）：

wx.login({
      success: function(res) {
        if (res.code) {  //wx.login获取code。
          console.log(res.code);
          //发起网络请求
          wx.getUserInfo({
            success:function(res_user){
              console.log(res_user.userInfo)
              wx.request({
                url: 'http://xxx.xxx.xxx.xxx:服务器端口/自定义名字',//填写自己的url
                method:'POST',
                //向后端发送的数据
                data: {
                  code: res.code ,   //将code发送到后台服务器。
                  imgurl: res_user.userInfo.avatarUrl,//获取头像url
                  nickname:res_user.userInfo.nickName,//获取昵称
                  sex:res_user.userInfo.gender,//获取性别
                },
                header: { 
                       "Content-Type": "application/x-www-form-urlencoded" //POST方式是这个
              },
              })
            }
          })
          
        } else {
          console.log('获取用户登录态失败！' + res.errMsg)
        }
      }
    });

数据库设计（这个是我自己随便设计的，根据需求自己设计）：
在这里插入图片描述
java，这里我使用的是springboot+mybatisplus：

entity层：

package com.hkd.entity;

import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;

/**
 * @author xzbz
 * @create 2022-01-07 16:51
 */
@Data
@TableName("user")
public class user {

    @TableId
    private long id;
    private String nickname;
    private String password;
    private String sex;
    private String openid;
    private String session_key;
    private String imgurl;
}

mapper层：

package com.hkd.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.hkd.entity.user;
import org.apache.ibatis.annotations.Mapper;

/**
 * @author xzbz
 * @create 2022-01-07 16:56
 */
@Mapper
public interface UserMapper extends BaseMapper<user> {
    public user selectUserByOpenId(String Openid);
}

service层：

package com.hkd.service;

import com.hkd.entity.user;
import com.hkd.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

/**
 * @author xzbz
 * @create 2022-01-07 16:58
 */
@Service
public class UserService {
    @Autowired
    private UserMapper userMapper;

    public boolean save(user user){
        return userMapper.insert(user)>0;
    }

    public int update(user user){
        return userMapper.updateById(user);
    }

    public user selectUserByOpenId(String openId){
        return userMapper.selectUserByOpenId(openId);
    }
}

Controller层（里面的appid和appsecret填写自己的）：

package com.hkd.controller;

import com.hkd.entity.user;
import com.hkd.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import java.io.BufferedReader;
import java.io.InputStreamReader;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.URL;
import java.net.URLConnection;

import static org.springframework.web.bind.annotation.RequestMethod.POST;
/**
 * @author xzbz
 * @create 2022-01-07 17:01
 */
@RestController
public class UserController {
    @Autowired
    private UserService userService;

    @ResponseBody
    @RequestMapping(value = "/login",method = POST)
    public  void getOpenid(@RequestParam(value="code",required=false)String code,@RequestParam(value = "imgurl")String imgurl,
                                 @RequestParam(value = "nickname")String nickname,@RequestParam(value = "sex")String sex){

        //微信官方提供获取openid的url
        String WX_URL = "https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code";
        //替换appid，appsecret，和code
        String requestUrl = WX_URL.replace("APPID", "").//填写自己的appid
                replace("SECRET", "").replace("JSCODE", code).//填写自己的appsecret，
                replace("authorization_code", "authorization_code");
        //定义json对象
        JSONObject convertvalue=new JSONObject();
        //调用get方法
        String  returnvalue=GET(requestUrl);
        //解析返回值，对象解析成字符串
        convertvalue= (JSONObject) JSON.parse(returnvalue);
        String session_key= (String) convertvalue.get("session_key");
        String openid= (String) convertvalue.get("openid");
        user user1 = userService.selectUserByOpenId(openid);//判断数据库中是否已存在
        if(user1==null){//不存在就存入数据库
            user user=new user();
            user.setSex(sex);
            user.setOpenid(openid);
            user.setImgurl(imgurl);
            user.setNickname(nickname);
            user.setPassword("123456");
            user.setSession_key(session_key);
            userService.save(user);
        }else{
            System.out.println("用户已存在，请登录");
        }
        System.out.println(returnvalue);//打印测试
        System.out.println("openid:"+openid);//打印测试
        System.out.println("session_key:"+session_key);//打印测试

    }
    //发起ge请求---生成openid和session_key
    public  String GET(String url) {
        String result="";
        BufferedReader in = null;
        InputStream is = null;
        InputStreamReader isr = null;
        try{
            //构造url对象
            URL realUrl = new URL(url);
            //获取一个对应该URL的URLConnection对象
            URLConnection conn = realUrl.openConnection();
            conn.connect();
            is = conn.getInputStream();
            isr = new InputStreamReader(is);
            in = new BufferedReader(isr);
            String line;
            while ((line = in.readLine()) != null) {
                result += line;
            }
        }catch (Exception e){
            e.printStackTrace();
            System.out.println("异常出现");
        }
        //关闭资源
        finally {
            try {
                if (in != null) {
                    in.close();
                }
                if (is != null) {
                    is.close();
                }
                if (isr != null) {
                    isr.close();
                }
            } catch (Exception e) {
                e.printStackTrace();
                System.out.println("出现异常");
            }
        }
        return result;
    }
}

appid和appsecret获取方法：https://mp.weixin.qq.com/

在这里插入图片描述
扫码登录之后
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后将获取到的AppID和AppSecret填入到代码中就可以返回了到openid和session_key了。

小朱不猪
关注
  • 17
    点赞
  • 踩
  • 78
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
微信小程序-用户唯一标识openid的获取及存储至本地
pepper5的博客
04-10 6114
//使wx.login(Object object) 调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息， //包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯 //需要依赖会话密钥完成 wx.login({ success: (res) => { wx.request({ ...
微信小程序开发中的本地存储与数据持久化
最新发布
qq_67153941的博客
05-05 582
1.2 本地数据库 微信小程序提供了云开发能力，可以使用云数据库来进行数据的持久化存储。集合相当于关系型数据库中的表。2.1 存储用户配置信息 可以使用本地缓存来存储用户的配置信息，以便在小程序启动时读取用户的配置。2.2 缓存请求数据 可以使用本地缓存来存储服务器请求的数据，以提高小程序的性能和用户体验。2.3 使用云数据库存储用户信息 可以使用云数据库来存储用户信息，以便在用户登录过程中使用。本文将介绍小程序中的本地存储与数据持久化的相关知识，并通过多个代码案例来详细说明其使用方法。
微信小程序开发教程：一键获取用户微信手机号，并存入数据库（保姆级）
qq_25501981的博客
11-17 1497
如何使用微信小程序的getPhoneNumber接口一键获取用户微信手机号，并将手机号存入数据库？首先，在微信小程序的前端，我们需要创建一个按钮，用户点击这个按钮后，我们就可以获取到用户的手机号。在WXML文件中，我们创建一个按钮，并设置其open-type属性为getPhoneNumber，这样，当用户点击这个按钮时，微信会弹出一个窗口，询问用户是否同意提供手机号。然后，在TS文件中，我们需要定义getPhoneNumber函数，这个函数会在用户点击确认按钮后被调用。
学习小程序 | 云函数获取OPENID以及添加数据库（15）
ic2121的博客
05-12 2390
什么是OPENID​？OpenID是微信生态里面最重要的ID，可以理解为OpenID是通过AppID和微信用户ID加密得到的，每个微信应用都会生成一个唯一的用户标识​。用于获取用户的信息。 我们通过调用云函数获取OPENID，调用云函数的过程上次已经说明了。 第一步：建立云函数​； ​ 第二步：​上传部署云函数； 第三步：在应用中进行调用​。 这次说一下使用云函数获取OPENID以及使用云函数进行​云端数据库的添加数据操作。...
微信小程序 获取openid 存入数据库 C#
^璐三岁要耍蓅氓♡
07-24 4111
string JsCode2SessionUrl = "";         protected void Page_Load(object sender, EventArgs e)         {             JsCode2SessionUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret=
微信小程序——登录并保存用户信息到数据库
热门推荐
Mencre的博客
02-04 3万+
效果图（登录前后）： 登录后保存到数据库的数据： 开始代码部分 首选我们在index.wxml中添加用来显示登录后显示头像和昵称的标签，增加一个登录按钮，并绑定“wxLogin”事件： &lt;image src="{{avataUrl}}"&gt;&lt;/image&gt; &lt;text&gt;{{nick}}&lt;/text&gt; &lt;button bindta...
微信小程序上传头像和昵称持久化保存
大爱仙尊
02-19 6089
因为通过微信头像昵称填写功能获取到头像是一个临时头像，这个url只能一段时间内在微信访问，并且无法在公网访问这个url。所以非常有必要把这个url转成我么实际可用的头像到数据库中。让头像持久化的在微信和公网任何位置都能访问。这里我们使用url转base64字符串的方式，持久化图片成base64字符串。如果是自己上传图片还需要考虑图片大小和压缩图片的问题，这里我们直接采用微信的头像上传接口，直接帮我们快捷压缩和裁剪图片，灰常的好用。话不多说，来看代码。
微信小程序获取手机号 (java解密及微信小程序获取openid、session_key)
03-08
java解析的源码和小程序的源码，自己从项目中剥离出来的，肯定能用，有疑问私信，微信小程序获取各类信息（openid、session_key以及用户基本信息、解密手机号）
微信小程序 获取session_key和openid的实例
12-11
微信小程序 获取session_key和openid的实例 说说获取session_key和openid的条件 1.AppID(小程序ID); 2.AppSecret(小程序密钥); 3.登录时获取code; 注意:即使获取到了appid,未通过打款验证,也是不能拿到code的....
微信小程序开发一键登录 获取session_key和openid实例
11-27
微信小程序开发一键登录 获取session_key和openid实例 思来想去不愿自己的微信小程序是个单机版本.自己又不会写后台.现在借助leancloud可以实现微信小程序一键登录功能.尝试后,做笔记. 第一步:下载av-weapp.js,放到...
微信小程序实现获取用户信息并存入数据库操作示例
10-17
主要介绍了微信小程序实现获取用户信息并存入数据库操作,涉及微信小程序wx.request后台数据交互及php数据存储相关操作技巧,需要的朋友可以参考下
微信开发地理位置java_微信开发获取地理位置实例（java）
weixin_39929635的博客
02-28 135
【实例简介】微信开发获取地理位置实例(java)，使用环境 eclipse + maven + springmvc，虽然项目名是first_maven_project，但是确实是微信开发实例哈，不要有任何怀疑，免费分享啦，哈哈。实例讲解欢迎访问博主博客http://blog.csdn.net/u013142781【实例截图】【核心代码】first_maven_project└── first_ma...
java 微信获取用户地理位置_微信开发获取地理位置实例（java，非常详细，附工程源码）...
weixin_39877504的博客
02-16 450
packagecom.luo.util;importjava.io.IOException;importjava.io.UnsupportedEncodingException;importjava.security.MessageDigest;importjava.security.NoSuchAlgorithmException;importjava.util.ArrayList;import...
微信小程序云开发入门（摆脱后台自己实现后台数据）
09-29
微信小程序开发实战入门，学习小程序云开发，摆脱后台，自己实现后台数据，从此就可以愉快的写小程序，自己实现小程序后台了。
微信小程序维护登录态与获取用户信息
weixin_30575309的博客
01-23 2576
前言、 　　微信小程序的运行环境不是在浏览器下运行的。所以不能以cookie来维护登录态。下面我就来说说我根据官方给出的方法来写出的维护登录态的方法吧。 一、登录态维护 官方的文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject 　　通过wx.login()获取到用户登录态之后，需...
公众号openid实时存储mysql_微信--高效解决token及授权用户openid的持久化处理办法...
weixin_42546361的博客
02-11 928
摘要关于微信开发的话题，例子确实已经有不少，但大部分都是人云亦云，很多小细节或者需要注意的地方却大多没有讲清楚，这令很多刚开始开发的人感觉大很迷茫。而我今天要说的话题，主要着眼于两个方面。一：如何存储获取用户信息及调用第三方接口所需要的token.二 : 第三方页面授权,如何减少从微信服务器获取用户openid的次数以及减少获取用户信息的次数，加速第三方页面的加载速速。(注：演示所使用的是java...
微信小程序数据库关于openId的坑
qq_34859668的博客
02-24 1万+
本人写的小程序，判断当用户第一次使用小程序（云开发的）时，会向数据库（云）写入用户信息。但是数据库好像会自动给这条记录添上"_openid":adadwasdcwee27y7sdhvf7e(瞎写的，勿用)。本人测试自己代码的时候，发现了一条记录有_openid和openId两个字段，而且数据还一样，才发现的，后来就去掉了自己写的openId字段。...
微信小程序，如何获取用户信息并记录入本地数据库中
qiuqiuzlw123的专栏
12-04 1559
在index.js 中的onload方法中使用以下代码使用，可供参考 。 // 以下为func getLogInfo_n_Coupon: function(scene, entrance){ //获取Userinfo信息， var self = this wx.getSetting({ success: function (res) { if (res.authSe...
微信小程序实现用户登录
06-07
要实现微信小程序的用户登录，可以使用微信提供的登录API。具体步骤如下： 1. 在小程序中引入微信登录API：wx.login() 2. 调用wx.login()方法获取用户的临时登录凭证code。 3. 将code发送给后端服务器，后端服务器使用code向微信服务器发送请求，获取用户的openid和session_key。 4. 后端服务器将openid和session_key保存在数据库中，并生成一个自己的token，将token返回给小程序。 5. 小程序将token保存在本地，作为用户的登录凭证。 6. 当用户进行需要登录的操作时，小程序将token发送给后端服务器进行验证，如果验证通过，则允许用户操作。 需要注意的是，为了保证用户的信息安全，需要对用户的openid和session_key进行加密处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小朱不猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值