微信开放平台，网站应用扫码登录 （绑定用户），两种方式

原创 已于 2025-12-10 18:57:22 修改 · 436 阅读 · 5 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
标签
#微信开放平台
于 2025-12-07 21:42:31 首次发布

文章目录

一、微信外置链接二维码的方式

1.准备工作

在这里插入图片描述

开发配置：调试的时候使用:授权回调域
在这里插入图片描述

2. 后端

2.1 后端配置yml

wx:
  open:
    appid: wx??????????  # 替换为你的appid
    appsecret: d747f????????????????  # 替换为你的appsecret
    #redirect-uri: http://????????????????/api/wx/login/callback  # 替换为已配置的回调地址    
    #redirect-uri: http://????????????????/base/wx/head/login/callback  # 替换为已配置的回调地址    
    #redirect-uri: https://????????????????/base/wx/head/login/callback  # 替换为已配置的回调地址    
    redirect-uri: http://????????????????/base/wx/head/login/callback  # 替换为已配置的回调地址    
    scope: snsapi_login  # 网站应用固定为snsapi_login

2.2后端依赖pom.xml

<dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-open</artifactId>
            <version>4.7.0</version>
        </dependency>

2.3后端实现代码

1.WxOpenConfig


import lombok.Data;
import me.chanjar.weixin.open.api.impl.WxOpenInMemoryConfigStorage;
import me.chanjar.weixin.open.api.impl.WxOpenOAuth2ServiceImpl;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Data
@Configuration
@ConfigurationProperties(prefix = "wx.open")
public class WxOpenConfig {

    private String appid;

    private String appsecret;

    private String redirectUri;

    private String scope;

    @Bean
    public WxOpenOAuth2ServiceImpl wxOpenOAuth2ServiceImpl() {


        WxOpenInMemoryConfigStorage configStorage = new WxOpenInMemoryConfigStorage();

        // 使用RedisTemplate存储配置
        configStorage.setComponentAppId(appid);
        configStorage.setComponentAppSecret(appsecret);
        // 设置Redis前缀（可选）

        WxOpenOAuth2ServiceImpl service = new WxOpenOAuth2ServiceImpl(appid, appsecret, configStorage);
        service.setWxOpenConfigStorage(configStorage);

        return service;
    }
}

2.controller



import cn.hutool.core.util.RandomUtil;
import cn.hutool.core.util.StrUtil;
import com.google.gson.annotations.SerializedName;
import com.ulinkle.base.api.BaseOrgService;
import com.ulinkle.base.api.BaseStaffService;
import com.ulinkle.base.api.LoginService;
import com.ulinkle.base.config.WxOpenConfig;
import com.ulinkle.common.core.constant.Constants;
import com.ulinkle.common.core.exception.CheckedException;
import com.ulinkle.common.core.utils.ArgumentAssert;
import com.ulinkle.common.core.utils.BeanPlusUtil;
import com.ulinkle.common.core.utils.StrPool;
import com.ulinkle.common.core.web.page.DataResponse;
import com.ulinkle.domain.base.entity.BaseStaff;
import com.ulinkle.domain.base.enums.OrgTypeEnum;
import com.ulinkle.domain.base.vo.BaseOrgVo;
import com.ulinkle.domain.common.SystemField;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiModelProperty;
import io.swagger.annotations.ApiOperation;
import io.swagger.annotations.ApiParam;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.extern.slf4j.Slf4j;
import me.chanjar.weixin.common.bean.oauth2.WxOAuth2AccessToken;
import me.chanjar.weixin.open.api.impl.WxOpenOAuth2ServiceImpl;
import org.apache.commons.lang3.StringUtils;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.*;

import javax.validation.constraints.NotBlank;
import java.util.Optional;
import java.util.concurrent.TimeUnit;

/**
 * 微信扫码登录控制器（总部端）
 * 处理微信授权登录、回调处理、账号绑定等流程
 */
@RestController
@RequestMapping("/wx/head/login")
@Api(tags = "扫码登录: 总部", description = "总部系统微信扫码登录相关接口")
@AllArgsConstructor
@Slf4j
@Validated
public class LoginWxHeadController {

    private static final String OPEN_WX_LOGIN_KEY = "open:wx_login:";

    private final WxOpenOAuth2ServiceImpl wxOpenOAuth2Service;

    private final WxOpenConfig wxOpenConfig;  // 注入配置类获取回调地址

    private RedisTemplate<String, String> redisTemplate;

    private final BaseStaffService baseStaffService;

    private final LoginService loginService;

    private final BaseOrgService baseOrgService;


    /**
     * 1.获取微信登录二维码URL（前端渲染二维码）
     */
    @GetMapping("/qrcode")
    public DataResponse<String> getLoginQrCode() {
        try {
            // 生成state参数（防CSRF，建议存储到Redis，设置过期时间）
            String state = RandomUtil.randomString(32);


            redisTemplate.opsForValue().set(OPEN_WX_LOGIN_KEY + state, state, Constants.OPEN_QR_EXPIRE_FIVE, TimeUnit.MINUTES);
            // 拼接授权URL（WxJava工具包已封装拼接逻辑）
            String authorizationUrl = wxOpenOAuth2Service.buildAuthorizationUrl(wxOpenConfig.getRedirectUri(), wxOpenConfig.getScope(), state);
            log.info("生成二维码state:{}", state);
            return DataResponse.builderSuccess(StrPool.EMPTY, authorizationUrl);
        } catch (Exception e) {
            log.error("获取微信登录二维码URL失败：{}", e.getMessage());
            throw new CheckedException("获取微信登录二维码URL失败");
        }
    }


    /**
     * 2.处理微信回调，获取用户信息
     *
     * @param code  微信返回的授权码
     * @param state 微信返回的state参数（需校验）
     * @return 登录结果（包含openid、用户信息、自有令牌等）
     * @throws Exception 异常
     */
    @GetMapping("/callback")
    @ApiOperation(value = "2.小程序绑定手机号和openId，用户必须先在系统等级并填写手机号，然后通过本接口绑定手机号和openId")
    public DataResponse<UserInfoVo> handleCallback(@RequestParam("code") String code,
                                                   @RequestParam("state") String state) throws Exception {
        log.info("微信回调处理开始，code:{}, state:{}", code, state);

        //1. 校验state（防CSRF）
        String storedState = redisTemplate.opsForValue().get(OPEN_WX_LOGIN_KEY + state);
        if (storedState == null || !storedState.equals(state)) {
            throw new CheckedException("非法的state参数");
        }
        redisTemplate.delete(OPEN_WX_LOGIN_KEY + state);

        // 2. 通过code获取access_token和openid
        WxOAuth2AccessToken accessToken = wxOpenOAuth2Service.getAccessToken(code);
        String openId = accessToken.getOpenId();
        Optional<BaseStaff> staffOptional = baseStaffService.getByOpenId(openId);
        BaseStaff baseStaff = staffOptional.orElse(null);

        UserInfoVo result = BeanPlusUtil.toBean(wxOpenOAuth2Service.getUserInfo(accessToken, null), UserInfoVo.class);
        if (baseStaff != null && StringUtils.isNotEmpty(baseStaff.getTelephone())) {
            ArgumentAssert.equals(baseStaff.getState(), SystemField.StateEnum.NORMAL.getKey(), "用户已被禁用！");

            BaseOrgVo orgVo = baseOrgService.details(baseStaff.getOrgId());
            ArgumentAssert.equals(OrgTypeEnum.DEPT.getId(), orgVo.getOrgType(), "只有总部用户才能登录！");

            String token = loginService.createToken(baseStaff);
            log.info("扫码登录成功，token:{}，用户ID:{}，用户名称：{}", token, baseStaff.getId(), baseStaff.getUserName());

            result.setToken(token);
        } else {
            // 3. 获取用户信息（可选，根据业务需要）
            result.setTampToken(openId);
            log.info("扫码登录失败，跳转绑定页面，UserInfoVo:{}", result);
        }
        return DataResponse.builderSuccess(result);
    }


    /**
     * 3.用户与openId绑定
     *
     * @return 登录结果（包含openid、用户信息、自有令牌等）
     * @throws Exception 异常
     */
    @PostMapping("/bind")
    @ApiOperation(value = "2.用户绑定openId")
    public DataResponse<String> phone(@ApiParam(name = "ao", value = "参数不能为空", required = true)
                                      @RequestBody UserInfoVo ao) {
        log.info("用户与openid绑定，UserInfoVo:{}", ao);

        //1.校验OpenId是否被绑定
        String openId = ao.getTampToken();
        Optional<BaseStaff> staffOptional = baseStaffService.getByOpenId(openId);
        BaseStaff openIdStaff = staffOptional.orElse(null);

        ArgumentAssert.isNull(openIdStaff, "该OpenId已绑定用户！");

        //2.校验用户密码正确性
        BaseStaff baseStaff = loginService.checkPasswordAndGet(ao.getUserName(), ao.getPassword());

        //3.校验用户是否绑定其他openId
        String oldOpenId = baseStaff.getOpenId();
        ArgumentAssert.isTrue(StrUtil.isBlank(oldOpenId), "该用户已绑定OpenId！");
        baseStaff.setOpenId(openId);

        //4.绑定
        BaseStaff updateStaff = new BaseStaff();
        updateStaff.setId(baseStaff.getId());
        updateStaff.setOpenId(openId);
        boolean b = this.baseStaffService.updateById(updateStaff);
        ArgumentAssert.isTrue(b, "该用户已绑定OpenId失败！");

        //5.生成token
        String token = loginService.createToken(baseStaff);

        log.info("用户与openid绑定成功，username:{}，openId:{}", ao.getUserName(), openId);

        return DataResponse.builderSuccess(StrPool.EMPTY, token);
    }
}


/**
 * 微信用户信息
 */
@Data
class UserInfoVo {
    /**
     * nickname	普通用户昵称
     */
    @ApiModelProperty("nickname	普通用户昵称")
    private String nickname;
    /**
     * sex	普通用户性别，1为男性，2为女性
     */
    @ApiModelProperty("sex	普通用户性别，1为男性，2为女性")
    private Integer sex;
    /**
     * city	普通用户个人资料填写的城市
     */
    @ApiModelProperty("city	普通用户个人资料填写的城市")
    private String city;

    /**
     * province	普通用户个人资料填写的省份
     */
    @ApiModelProperty("province	普通用户个人资料填写的省份")
    private String province;
    /**
     * country	国家，如中国为CN
     */
    @ApiModelProperty("country	国家，如中国为CN")
    private String country;
    /**
     * headimgurl	用户头像，最后一个数值代表正方形头像大小（有0、46、64、96、132数值可选，0代表640*640正方形头像），
     * 用户没有头像时该项为空
     */
    @SerializedName("headimgurl")
    @ApiModelProperty("用户头像")
    private String headImgUrl;

    /**
     * openId
     */
    @ApiModelProperty("未绑定openId的token")
    @NotBlank(message = "临时token不能为空")
    private String tampToken;

    /**
     * token
     */
    @ApiModelProperty("登录成功token")
    private String token;

    /**
     * 用户名
     */
    @ApiModelProperty("用户名")
    @NotBlank(message = "用户名不能为空")
    private String userName;

    /**
     * 用户密码
     */
    @ApiModelProperty("用户密码")
    @NotBlank(message = "用户密码不能为空")
    private String password;

}

3. 其他

3.1 login相关的业务类和user相关的业务实体忽略

3.2 调试回调地址使用花生壳

3.3 与一般扫码登录流程有区别，多了一个绑定的不步骤

一般流程：openid没找到用户时，直接创建一个；
区别：现有系统用户是需要管理员新增的，所以这里多了一个绑定的动作

4. 少了轮训接口

二、网页内置二维码的方式

微信官方文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
在这里插入图片描述

1.后端代码


import cn.hutool.core.util.RandomUtil;
import cn.hutool.core.util.StrUtil;
import com.ulinkle.base.api.BaseOrgService;
import com.ulinkle.base.api.BaseStaffService;
import com.ulinkle.base.api.LoginService;
import com.ulinkle.base.config.WxOpenConfig;
import com.ulinkle.base.controller.wx.vo.UserInfoVo;
import com.ulinkle.common.core.constant.Constants;
import com.ulinkle.common.core.exception.CheckedException;
import com.ulinkle.common.core.model.cache.CacheKey;
import com.ulinkle.common.core.utils.ArgumentAssert;
import com.ulinkle.common.core.utils.BeanPlusUtil;
import com.ulinkle.common.core.utils.StrPool;
import com.ulinkle.common.core.web.page.DataResponse;
import com.ulinkle.common.redis.cache.CachePlusOps;
import com.ulinkle.common.redis.cache.CacheResult;
import com.ulinkle.domain.base.entity.BaseStaff;
import com.ulinkle.domain.base.enums.OrgTypeEnum;
import com.ulinkle.domain.base.vo.BaseOrgVo;
import com.ulinkle.domain.common.SystemField;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import io.swagger.annotations.ApiParam;
import lombok.AllArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import me.chanjar.weixin.common.bean.oauth2.WxOAuth2AccessToken;
import me.chanjar.weixin.open.api.impl.WxOpenOAuth2ServiceImpl;
import org.apache.commons.lang3.StringUtils;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.*;

import java.time.Duration;
import java.util.Optional;
import java.util.concurrent.TimeUnit;

/**
 * 微信扫码登录控制器（总部端）
 * 处理微信授权登录、回调处理、账号绑定等流程
 */
@RestController
@RequestMapping("/wx/head/login")
@Api(tags = "扫码登录: 总部", description = "总部系统微信扫码登录相关接口")
@AllArgsConstructor
@Slf4j
@Validated
public class LoginWxHeadController {

    private static final String OPEN_WX_LOGIN_KEY = "open:wx_login:";

    private static final String OPEN_WX_USER_INFO_KEY = "open:wx_user_info:%s";

    private final WxOpenOAuth2ServiceImpl wxOpenOAuth2Service;

    private final WxOpenConfig wxOpenConfig;  // 注入配置类获取回调地址

    private RedisTemplate<String, Object> redisTemplate;

    private final CachePlusOps cachePlusOps;



    private final BaseStaffService baseStaffService;

    private final LoginService loginService;

    private final BaseOrgService baseOrgService;

//
//    /**
//     * 1.获取微信登录二维码URL（前端渲染二维码）
//     */
//    @GetMapping("/qrcode")
//    public DataResponse<String> getLoginQrCode() {
//        try {
//            // 生成state参数（防CSRF，建议存储到Redis，设置过期时间）
//            String state = RandomUtil.randomString(32);
//
//
//            redisTemplate.opsForValue().set(OPEN_WX_LOGIN_KEY + state, state, Constants.OPEN_QR_EXPIRE_FIVE, TimeUnit.MINUTES);
//            // 拼接授权URL（WxJava工具包已封装拼接逻辑）
//            String authorizationUrl = wxOpenOAuth2Service.buildAuthorizationUrl(wxOpenConfig.getRedirectUri(), wxOpenConfig.getScope(), state);
//            log.info("生成二维码state:{}", state);
//            return DataResponse.builderSuccess(StrPool.EMPTY, authorizationUrl);
//        } catch (Exception e) {
//            log.error("获取微信登录二维码URL失败：{}", e.getMessage());
//            throw new CheckedException("获取微信登录二维码URL失败");
//        }
//    }

    /**
     * 1.获取微信登录二维码URL（前端渲染二维码）
     */
    @GetMapping("/qrcodeState")
    public DataResponse<String> qrcodeState() {
        try {
            // 生成state参数（防CSRF，建议存储到Redis，设置过期时间）
            String state = RandomUtil.randomString(32);

            redisTemplate.opsForValue().set(OPEN_WX_LOGIN_KEY + state, state, Constants.OPEN_QR_EXPIRE_FIVE, TimeUnit.MINUTES);
            // 拼接授权URL（WxJava工具包已封装拼接逻辑）
            log.info("获取state:{}", state);
            return DataResponse.builderSuccess(StrPool.EMPTY, state);
        } catch (Exception e) {
            log.error("获取state：{}", e.getMessage());
            throw new CheckedException("获取获取state失败");
        }
    }


    /**
     * 2 .微信授权回调处理
     * @param code
     * @param state
     * @return
     * @throws Exception
     */
    @GetMapping("/callback")
    @ApiOperation(value = "2.微信授权回调处理", notes = "获取用户信息并缓存，供前端轮询获取")
    public DataResponse<UserInfoVo> handleCallback(@RequestParam("code") String code,
                                                   @RequestParam("state") String state) throws Exception {
        log.info("微信回调处理开始，code:{}, state:{}", code, state);

        // 1. 校验state（防CSRF）
        String storedState = (String) redisTemplate.opsForValue().get(OPEN_WX_LOGIN_KEY + state);
        if (storedState == null || !storedState.equals(state)) {
            throw new CheckedException("非法的state参数");
        }

        // 2. 通过code获取access_token和openid
        WxOAuth2AccessToken accessToken = wxOpenOAuth2Service.getAccessToken(code);
        String openId = accessToken.getOpenId();
        Optional<BaseStaff> staffOptional = baseStaffService.getByOpenId(openId);
        BaseStaff baseStaff = staffOptional.orElse(null);

        // 3. 构建用户信息VO
        UserInfoVo result = BeanPlusUtil.toBean(wxOpenOAuth2Service.getUserInfo(accessToken, null), UserInfoVo.class);
        if (baseStaff != null && StringUtils.isNotEmpty(baseStaff.getTelephone())) {
            ArgumentAssert.equals(baseStaff.getState(), SystemField.StateEnum.NORMAL.getKey(), "用户已被禁用！");

            BaseOrgVo orgVo = baseOrgService.details(baseStaff.getOrgId());
            ArgumentAssert.equals(OrgTypeEnum.DEPT.getId(), orgVo.getOrgType(), "只有总部用户才能登录！");

            String token = loginService.createToken(baseStaff);
            log.info("扫码登录成功，token:{}，用户ID:{}，用户名称：{}", token, baseStaff.getId(), baseStaff.getUserName());

            result.setToken(token);
        } else {
            // 未绑定用户，设置临时token（openId）
            result.setTampToken(openId);
            log.info("扫码登录未绑定用户，跳转绑定页面，UserInfoVo:{}", result);
        }

        // 4. 缓存UserInfoVo对象（使用state作为key，设置过期时间）

        cachePlusOps.set(new CacheKey(String.format(OPEN_WX_USER_INFO_KEY, state), Duration.ofMinutes(Constants.OPEN_QR_EXPIRE_FIVE)) , result, false);
        log.info("用户信息已缓存，state:{}, UserInfoVo:{}", state, result);

        // 5. 删除state的防CSRF缓存（已完成回调校验）
        redisTemplate.delete(OPEN_WX_LOGIN_KEY + state);

        return DataResponse.builderSuccess(result);
    }

    public UserInfoVo getOrderCache(String state) {
        CacheResult<UserInfoVo> order = cachePlusOps.get(new CacheKey(String.format(OPEN_WX_USER_INFO_KEY, state)));
        return order.getValue();
    }

    /**
     * 3.新增：根据state轮询获取缓存的用户信息
     *
     * @param state 微信授权的state参数
     * @return 缓存的用户信息（未获取到返回空，前端继续轮询）
     */
    @GetMapping("/polling")
    @ApiOperation(value = "3.轮询获取用户登录信息", notes = "前端根据state轮询，获取缓存的用户信息，未获取到返回空")
    public DataResponse<UserInfoVo> pollingUserInfo(@ApiParam(name = "state", value = "二维码state参数", required = true)
                                                    @RequestParam("state") String state) {
        try {
            log.info("轮询获取用户信息，state:{}", state);

            // 从缓存获取用户信息
            UserInfoVo userInfoVo = this.getOrderCache(state);

            // 未获取到返回空，前端继续轮询；获取到则返回并删除缓存（避免重复获取）
            if (userInfoVo != null) {
                cachePlusOps.del(new CacheKey(String.format(OPEN_WX_USER_INFO_KEY, state)));
//                redisTemplate.delete(OPEN_WX_USER_INFO_KEY + state);
                log.info("轮询获取用户信息成功，state:{}, UserInfoVo:{}", state, userInfoVo);
                return DataResponse.builderSuccess(userInfoVo);
            } else {
                log.info("轮询未获取到用户信息，state:{}", state);
                return DataResponse.builderSuccess(null); // 返回空，前端继续轮询
            }
        } catch (Exception e) {
            log.error("轮询获取用户信息失败，state:{}, 异常：{}", state, e.getMessage());
            throw new CheckedException("轮询获取用户信息失败");
        }
    }


    /**
     * 4.用户与openId绑定
     *
     * @return 登录结果（包含openid、用户信息、自有令牌等）
     * @throws Exception 异常
     */
    @PostMapping("/bind")
    @ApiOperation(value = "2.用户绑定openId")
    public DataResponse<String> phone(@ApiParam(name = "ao", value = "参数不能为空", required = true)
                                      @RequestBody UserInfoVo ao) {
        log.info("用户与openid绑定，UserInfoVo:{}", ao);

        //1.校验OpenId是否被绑定
        String openId = ao.getTampToken();
        Optional<BaseStaff> staffOptional = baseStaffService.getByOpenId(openId);
        BaseStaff openIdStaff = staffOptional.orElse(null);

        ArgumentAssert.isNull(openIdStaff, "该OpenId已绑定用户！");

        //2.校验用户密码正确性
        BaseStaff baseStaff = loginService.checkPasswordAndGet(ao.getUserName(), ao.getPassword());

        //3.校验用户是否绑定其他openId
        String oldOpenId = baseStaff.getOpenId();
        ArgumentAssert.isTrue(StrUtil.isBlank(oldOpenId), "该用户已绑定OpenId！");
        baseStaff.setOpenId(openId);

        //4.绑定
        BaseStaff updateStaff = new BaseStaff();
        updateStaff.setId(baseStaff.getId());
        updateStaff.setOpenId(openId);
        boolean b = this.baseStaffService.updateById(updateStaff);
        ArgumentAssert.isTrue(b, "该用户已绑定OpenId失败！");

        //5.生成token
        String token = loginService.createToken(baseStaff);

        log.info("用户与openid绑定成功，username:{}，openId:{}", ao.getUserName(), openId);

        return DataResponse.builderSuccess(StrPool.EMPTY, token);
    }
}

2.前端代码：略

前端配置appid和回调url地址；
生成二维码的state需要后台获取，然后生成二维码

seeyoutlb
关注
springboot实现web端微信扫码登录项目（基于微信开放平台）
09-18
springboot实现web端微信扫码登录项目（基于微信开放平台）
PC端实现微信扫码登录的技术指南
热门推荐
每天都要努力学习哦~~
07-21 3万+
通过按照上述步骤，你可以在PC端实现微信扫码登录功能。首先，注册并获取微信开放平台的AppID和AppSecret。然后，在HTML页面中引入微信扫码登录组件，并创建扫码登录按钮。最后，在回调URL的后端代码中处理回调并获取用户授权信息，以实现身份验证或其他相关操作。实现微信扫码登录可以提供更方便的登录体验，并为用户和网站管理员带来许多便利。希望本文对你有所帮助！
网站实现微信扫码登录(利用微信开放平台实现)
qq_66313178的博客
05-11 3954
二 手机授权后带这个code码和state 请求到你的回调域接口 这个接口就可以拿接收到的code和你网站应用上的appid,appSecret 请求这个用户的唯一的openid 拿着这个openid就可以存数据库。点击允许后会带着code及你设置的state 调用回调域接口进行处理 如果是我的代码就会调用到这个接口【审核通过后，列表就会可以查看到这个网站应用，点击查看可以获取到appId 和appSecret了。第三步：用网站应用里的appId 调用微信二维码 下面是代码（控制器方法）
微信扫码登录的两种方式：利用微信开放平台、利用微信公众平台（微信公众号）
柑橘乌云_
12-02 2万+
微信扫码登录，有两种实现方式：方式1、依赖公司在【微信开放平台】用【公司营业执照】注册的账号，才能实现扫码登录方式2、借助个人或者公司的，生成微信带参二维码，实现扫码关注公众号后登录大家要明确自己要用哪种方式。第一种方式： 【微信开放平台】现在微信的使用用户越来越多，如果网站添加上，就能节省很多用户注册时间，极大缩小了注册流程。会让用户觉得特别方便。接下来我们就说一下怎么来实现PC端微信扫码登录。第一步：微信开放平台账户申请。
微信开放平台开发——网页微信扫码登录（OAuth2.0）
weixin_34191845的博客
01-18 1万+
1、OAuth2.0 　　OAuth（开放授权）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 　　允许用户提供一个令牌，而不是用户名和密码来访问他们存放在特定服务提供者的数据。每一个令牌授权一个特定的网站（例如，视频编辑网站)在特定的时段（例如，接下来的2小时内）内访问特定的资源（例如仅仅是某一相...
微信-扫码登录
weixin_46455069的博客
12-30 1134
微信开放平台:微信官方整合更多的第三方应用而搭建的平台，要求公司账号(公司资质+380认证审核费用)官网地址:https://open.weixin.qq.com/微信公众平台:通过扫码关注公众号实现登录，支持个人和公司官网地址:https://mp.weixin.qq.com/确保scope=snsapi_userinfo的前提下，获取用户信息的接口地址如下:https://api.weixin.qq.com/sns/userinfo?官网地址:https://hutool.cn/
网站实现微信扫码登录
记录工作开发中遇到的技术难点，方便自己查看，也希望可以帮助到他人...
04-28 1万+
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。
java实现PC网站实现微信扫码登陆
qq_36014509的博客
04-03 2万+
近期，开发一个项目要求PC网站可以进行扫码登陆。 1.前期工作 需要先在微信开放平台进行注册（https://open.weixin.qq.com/），并认证一个网站应用。 点击查看按钮，我们需要记录一下AppID,AppSercret的值，尤其第一次登陆的话生成好的AppSercret值一定要保存好。 这个接口主要用来就是登陆的，我们可以看到他的作用文档写的很详细，只是用来登陆的，不...
C#实现微信扫码登录
Leslie_Dz的博客
03-04 2741
最近公司打算引进触屏终端，需要将已有小程序打包为APP，并且实现微信扫码登录终端。。然而，因为APP是直接用uniapp打包的，没有找到使用微信SDK的方法；时间紧，也懒得去研究uniapp那一套（有知道咋处理的小伙伴可以告知一下），然后就想了另外一套方案。使用微信的，打算使用做个中间页获取到授权信息；好吧，那只能再换一个方案了。
网站应用微信扫码登录
veerpower的博客
07-02 2914
在很多企业网站中一般会提供多种登录方式，而微信扫码登录属于常见的一种，在网页端实现微信登录的方式有很多，例如“公众号方式扫码登录”、“微信开放平台扫码登录”；前者是需要关注公众号才能完成登录操作，对于有的用户来说其实并不想做关注这种操作，所以后者是一种更加纯粹的登录方式，只需要用户扫码授权即可，不需要关注任何东西。这里我们就详细讲解一下网站应用中，利用微信开放平台功能提供的微信扫码登录。
微信扫码授权登录的介绍
qq_64734490的博客
11-30 4578
为了简化用户登录流程，在微信 3.9.11 for Windows及以上版本 与 微信 4.0.0 for Mac及以上版本，用户可使用网站应用快速登录功能。当网站应用发起微信登录请求时，如果用户此时在 Windows / Mac 设备已经登录了符合要求的微信客户端，且处于非锁定状态，会优先提示用户使用当前微信客户端已登录的账号进行快速登录。快速登录无需扫码，可直接在 Windows / Mac 设备上进行确认。用户仍可切换其他微信账号或二维码登录。准备工作。
微信扫码登录流程
qq_46073180的博客
01-30 7685
微信扫码登录简单流程
【小程序开发】实现在网站上用微信扫码登陆
最新发布
若释·飞语
12-17 1362
/ 存储 state 到 sessionStorage（后续校验用）// 生成一个唯一 state（防止 CSRF 攻击）当用户扫码确认登录后，微信会重定向到你的。// 跳转到微信授权页面。'你的公众号APPID'
第2章 微信开发之微信项目
warrah 南极狼
02-09 2566
微信官方文档，16年的时候开发微信公众号照着官网看，到了2017年发现了weixin-java-mp这个jar，当时使用的版本是2.9.0就继续使用了，今天看到的sonatype上面还在更新，已经发展到4.2.5.8，微信迭代，它也会跟着迭代，演进速度还可以。将一些接口封装起来，这个jar还是能节省很多工作量的。那个时候还没有springboot，现在就不一样了。 weixin-java-mp-demo 1 基础配置 最新jar的springboot模式还可以更优雅 import javax.annotat
网站应用微信扫码快捷登录开发指南
why404
11-26 1408
微信扫码登录PC网站的实现流程主要包括：1. 用户扫描PC网站生成的二维码；2. 微信服务器验证授权后通知回调接口；3. PC网站轮询获取登录状态。开发步骤：注册微信开放平台并创建网站应用，获取AppID和AppSecret；服务端实现三个核心接口（生成二维码、微信回调和状态检查）；前端显示二维码并轮询结果。关键注意事项：确保AppSecret安全、正确配置回调域、使用随机state参数防CSRF攻击，并优化用户体验处理二维码过期等情况。该方案实现了安全便捷的第三方登录功能。
外部扫码跳转到微信小程序
waooi的博客
09-22 813
微信扫码外部跳转到小程序
微信扫码登录
weixin_40827281的博客
05-05 1936
1. 授权流程说明 微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站，在微信用户授权登录已接入微信OAuth2.0的第三方应用后，第三方可以获取到用户的接口调用凭证（access_token），通过access_token可以进行微信开放平台授权关系接口调用，从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。 微信OAuth2.0授权登录目前支持authorization_code模式，适用于拥有server端的应用授权。该模式整体流程为： ① 第三方发起微信授
内网穿透的学习
weixin_60257072的博客
02-01 219
比如常用的办公室软件等，一般在办公室或家里，通过拨号上网，这样办公软件只有在本地的局域网之内才能访问，那么问题来了，如果是手机上，或者公司外地的办公人员，如何访问到办公软件呢？开启隧道之后，网穿透工具会分配一个专属域名/端口,办公软件就已经在公网上了,在外地的办公人员可以在任何地方愉快的访问办公软件了~~1、在内网穿透服务器上开通隧道，配置外网域名，配置穿透内网的端口即本地电脑上的端口。2、在本地电脑上安装内网穿透的工具，工具上配置内网穿透服务器隧道token。可以使用内网穿透技术，什么是内网穿透？
.net core pc端网页扫码登录（微信开放平台）
qq_20382175的博客
03-28 1647
self_redirect 否 true：手机点击确认登录后可以在 iframe 内跳转到 redirect_uri，false：手机点击确认登录后可以在 top window 跳转到 redirect_uri。扫码以后就会跳转到我们定义的回调域名（必须要外网能访问到，如果自己没有域名就内网穿透获取一个自己的域名，不过最好自己购买一个域名，毕竟是开发每个域名哪能说得过去）在页面内定义一个div来显示二维码，这个id要传入创建二维码的方法，下面这个方法接收的ID就是容器的ID。
微信开放平台：微信扫码登录功能
你今天真好看呀
08-05 1万+
文章目录微信开放平台：微信扫码登录功能1. 授权流程说明2. 授权流程代码3. 用户登录和登出 微信开放平台：微信扫码登录功能 官方文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 1. 授权流程说明 微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站，在微信用户授权登录已接入微信OAuth2.0的第三方应用后，第三方可以获取到用户的接口调用凭证（a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值