微信扫描登录详解

最新推荐文章于 2023-12-28 16:04:58 发布
最新推荐文章于 2023-12-28 16:04:58 发布
阅读量6.5k 收藏 1
点赞数
分类专栏： 微信扫描 文章标签： java后台接口 微信扫描登录
本文详细介绍了微信扫描登录的实现步骤，包括配置微信开放平台的appid、appsecret和重定向url，利用Apache HttpClient生成二维码，解析JWT Token显示用户登录信息，并解决了跨域和内网穿透问题。

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

微信扫描登录
第一步：准备工作 在application.properties添加相关配置信息

微信开放平台 appid

wx.open.app_id=你的appid

微信开放平台 appsecret

wx.open.app_secret=你的appsecret

微信开放平台 重定向url

wx.open.redirect_url=http://你的服务器名称/api/ucenter/wx/callback

创建util包，创建ConstantPropertiesUtil.java常量类
package com.guli.ucenter.util;

@Component
//@PropertySource(“classpath:application.properties”)
public class ConstantPropertiesUtil implements InitializingBean {

@Value("${wx.open.app_id}")
private String appId;

@Value("${wx.open.app_secret}")
private String appSecret;

@Value("${wx.open.redirect_url}")
private String redirectUrl;

public static String WX_OPEN_APP_ID;
public static String WX_OPEN_APP_SECRET;
public static String WX_OPEN_REDIRECT_URL;

@Override
public void afterPropertiesSet() throws Exception {
    WX_OPEN_APP_ID = appId;
    WX_OPEN_APP_SECRET = appSecret;
    WX_OPEN_REDIRECT_URL = redirectUrl;
}

}
第二步：先生成微信扫描的二维码
创建一个controller类添加注解要注意添加@Controller不能是RestController
//生成二维码的方法
@GetMapping(“login”)
public String genQrConnect() {
try {
//请求微信提供的固定的地址，向地址里面拼接参数，生成二维码
//微信提供固定的地址
// 1 微信开放平台授权baseUrl
// %s表示？，占位符，传递参数
String baseUrl = “https://open.weixin.qq.com/connect/qrconnect” +
“?appid=%s” +
“&redirect_uri=%s” +
“&response_type=code” +
“&scope=snsapi_login” +
“&state=%s” +//内网穿透前置域名，可以为空
“#wechat_redirect”;
//2 对重定向地址进行urlEncode编码
String redirectUrl = ConstantPropertiesUtil.WX_OPEN_REDIRECT_URL;
redirectUrl = URLEncoder.encode(redirectUrl,“utf-8”);

					//3 把参数设置到路径里面
					baseUrl = String.format(
							baseUrl,
							ConstantPropertiesUtil.WX_OPEN_APP_ID,
							redirectUrl,
							);
					//重定向到地址中
					return "redirect:"+baseUrl;
				}catch(Exception e) {
					return null;
				}
			}

第三步：扫描之后，在首页面显示扫描人昵称，头像等信息
	1）先添加依赖
	<!--httpclient-->
		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpclient</artifactId>
			<version>4.5.1</version>
		</dependency>
	<!--commons-io-->
		<dependency>
			<groupId>commons-io</groupId>
			<artifactId>commons-io</artifactId>
			<version>2.6</version>
		</dependency>
	<!--gson-->
		<dependency>
			<groupId>com.google.code.gson</groupId>
			<artifactId>gson</artifactId>
			<version>2.8.2</version>
		</dependency>
		

	2）创建httpclient工具类
		package com.guli.ucenter.utils;

import org.apache.commons.io.IOUtils;
import org.apache.commons.lang.StringUtils;
import org.apache.http.Consts;
import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.NameValuePair;
import org.apache.http.client.HttpClient;
import org.apache.http.client.config.RequestConfig;
import org.apache.http.client.config.RequestConfig.Builder;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.conn.ConnectTimeoutException;
import org.apache.http.conn.ssl.SSLConnectionSocketFactory;
import org.apache.http.conn.ssl.SSLContextBuilder;
import org.apache.http.conn.ssl.TrustStrategy;
import org.apache.http.conn.ssl.X509HostnameVerifier;
import org.apache.http.entity.ContentType;
import org.apache.http.entity.StringEntity;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.impl.conn.PoolingHttpClientConnectionManager;
import org.apache.http.message.BasicNameValuePair;

import javax.net.ssl.SSLContext;
import javax.net.ssl.SSLException;
import javax.net.ssl.SSLSession;
import javax.net.ssl.SSLSocket;
import java.io.IOException;
import java.net.SocketTimeoutException;
import java.security.GeneralSecurityException;
import java.security.cert.CertificateException;
import java.security.cert.X509Certificate;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;

/**

  • 依赖的jar包有：commons-lang-2.6.jar、httpclient-4.3.2.jar、httpcore-4.3.1.jar、commons-io-2.4.jar
  • @author zhaoyb

*/
public class HttpClientUtils {

public static final int connTimeout=10000;
public static final int readTimeout=10000;
public static final String charset="UTF-8";
private static HttpClient client = null;

static {
	PoolingHttpClientConnectionManager cm = new PoolingHttpClientConnectionManager();
	cm.setMaxTotal(128);
	cm.setDefaultMaxPerRoute(128);
	client = HttpClients.custom().setConnectionManager(cm).build();
}

public static String postParameters(String url, String parameterStr) throws ConnectTimeoutException, SocketTimeoutException, Exception{
	return post(url,parameterStr,"application/x-www-form-urlencoded",charset,connTimeout,readTimeout);
}

public static String postParameters(String url, String parameterStr,String charset, Integer connTimeout, Integer readTimeout) throws ConnectTimeoutException, SocketTimeoutException, Exception{
	return post(url,parameterStr,"application/x-www-form-urlencoded",charset,connTimeout,readTimeout);
}

public static String postParameters(String url, Map<String, String> params) throws ConnectTimeoutException,
		SocketTimeoutException, Exception {
	return postForm(url, params, null, connTimeout, readTimeout);
}

public static String postParameters(String url, Map<String, String> params, Integer connTimeout,Integer readTimeout) throws ConnectTimeoutException,
		SocketTimeoutException, Exception {
	return postForm(url, params, null, connTimeout, readTimeout);
}

public static String get(String url) throws Exception {
	return get(url, charset, null, null);
}

public static String get(String url, String charset) throws Exception {
	return get(url, charset, connTimeout, readTimeout);
}

/**
 * 发送一个 Post 请求, 使用指定的字符集编码.
 *
 * @param url
 * @param body RequestBody
 * @param mimeType 例如 application/xml "application/x-www-form-urlencoded" a=1&b=2&c=3
 * @param charset 编码
 * @param connTimeout 建立链接超时时间,毫秒.
 * @param readTimeout 响应超时时间,毫秒.
 * @return ResponseBody, 使用指定的字符集编码.
 * @throws ConnectTimeoutException 建立链接超时异常
 * @throws SocketTimeoutException  响应超时
 * @throws Exception
 */
public static String post(String url, String body, String mimeType,String charset, Integer connTimeout, Integer readTimeout)
		throws ConnectTimeoutException, SocketTimeoutException, Exception {
	HttpClient client = null;
	HttpPost post = new HttpPost(url);
	String result = "";
	try {
		if (StringUtils.isNotBlank(body)) {
			HttpEntity entity = new StringEntity(body, ContentType.create(mimeType, charset));
			post.setEntity(entity);
		}
		// 设置参数
		Builder customReqConf = RequestConfig.custom();
		if (connTimeout != null) {
			customReqConf.setConnectTimeout(connTimeout);
		}
		if (readTimeout != null) {
			customReqConf.setSocketTimeout(readTimeout);
		}
		post.setConfig(customReqConf.build());

		HttpResponse res;
		if (url.startsWith("https")) {
			// 执行 Https 请求.
			client = createSSLInsecureClient();
			res = client.execute(post);
		} else {
			// 执行 Http 请求.
			client = HttpClientUtils.client;
			res = client.execute(post);
		}
		result = IOUtils.toString(res.getEntity().getContent(), charset);
	} finally {
		post.releaseConnection();
		if (url.startsWith("https") && client != null&& client instanceof CloseableHttpClient) {
			((CloseableHttpClient) client).close();
		}
	}
	return result;
}


/**
 * 提交form表单
 *
 * @param url
 * @param params
 * @param connTimeout
 * @param readTimeout
 * @return
 * @throws ConnectTimeoutException
 * @throws SocketTimeoutException
 * @throws Exception
 */
public static String postForm(String url, Map<String, String> params, Map<String, String> headers, Integer connTimeout,Integer readTimeout) throws ConnectTimeoutException,
		SocketTimeoutException, Exception {

	HttpClient client = null;
	HttpPost post = new HttpPost(url);
	try {
		if (params != null && !params.isEmpty()) {
			List<NameValuePair> formParams = new ArrayList<NameValuePair>();
			Set<Entry<String, String>> entrySet = params.entrySet();
			for (Entry<String, String> entry : entrySet) {
				formParams.add(new BasicNameValuePair(entry.getKey(), entry.getValue()));
			}
			UrlEncodedFormEntity entity = new UrlEncodedFormEntity(formParams, Consts.UTF_8);
			post.setEntity(entity);
		}

		if (headers != null && !headers.isEmpty()) {
			for (Entry<String, String> entry : headers.entrySet()) {
				post.addHeader(entry.getKey(), entry.getValue());
			}
		}
		// 设置参数
		Builder customReqConf = RequestConfig.custom();
		if (connTimeout != null) {
			customReqConf.setConnectTimeout(connTimeout);
		}
		if (readTimeout != null) {
			customReqConf.setSocketTimeout(readTimeout);
		}
		post.setConfig(customReqConf.build());
		HttpResponse res = null;
		if (url.startsWith("https")) {
			// 执行 Https 请求.
			client = createSSLInsecureClient();
			res = client.execute(post);
		} else {
			// 执行 Http 请求.
			client = HttpClientUtils.client;
			res = client.execute(post);
		}
		return IOUtils.toString(res.getEntity().getContent(), "UTF-8");
	} finally {
		post.releaseConnection();
		if (url.startsWith("https") && client != null
				&& client instanceof CloseableHttpClient) {
			((CloseableHttpClient) client).close();
		}
	}
}




/**
 * 发送一个 GET 请求
 *
 * @param url
 * @param charset
 * @param connTimeout  建立链接超时时间,毫秒.
 * @param readTimeout  响应超时时间,毫秒.
 * @return
 * @throws ConnectTimeoutException   建立链接超时
 * @throws SocketTimeoutException   响应超时
 * @throws Exception
 */
public static String get(String url, String charset, Integer connTimeout,Integer readTimeout)
		throws ConnectTimeoutException,SocketTimeoutException, Exception {

	HttpClient client = null;
	HttpGet get = new HttpGet(url);
	String result = "";
	try {
		// 设置参数
		Builder customReqConf = RequestConfig.custom();
		if (connTimeout != null) {
			customReqConf.setConnectTimeout(connTimeout);
		}
		if (readTimeout != null) {
			customReqConf.setSocketTimeout(readTimeout);
		}
		get.setConfig(customReqConf.build());

		HttpResponse res = null;

		if (url.startsWith("https")) {
			// 执行 Https 请求.
			client = createSSLInsecureClient();
			res = client.execute(get);
		} else {
			// 执行 Http 请求.
			client = HttpClientUtils.client;
			res = client.execute(get);
		}

		result = IOUtils.toString(res.getEntity().getContent(), charset);
	} finally {
		get.releaseConnection();
		if (url.startsWith("https") && client != null && client instanceof CloseableHttpClient) {
			((CloseableHttpClient) client).close();
		}
	}
	return result;
}


/**
 * 从 response 里获取 charset
 *
 * @param ressponse
 * @return
 */
@SuppressWarnings("unused")
private static String getCharsetFromResponse(HttpResponse ressponse) {
	// Content-Type:text/html; charset=GBK
	if (ressponse.getEntity() != null  && ressponse.getEntity().getContentType() != null && ressponse.getEntity().getContentType().getValue() != null) {
		String contentType = ressponse.getEntity().getContentType().getValue();
		if (contentType.contains("charset=")) {
			return contentType.substring(contentType.indexOf("charset=") + 8);
		}
	}
	return null;
}



/**
 * 创建 SSL连接
 * @return
 * @throws GeneralSecurityException
 */
private static CloseableHttpClient createSSLInsecureClient() throws GeneralSecurityException {
	try {
		SSLContext sslContext = new SSLContextBuilder().loadTrustMaterial(null, new TrustStrategy() {
			public boolean isTrusted(X509Certificate[] chain,String authType) throws CertificateException {
				return true;
			}
		}).build();

		SSLConnectionSocketFactory sslsf = new SSLConnectionSocketFactory(sslContext, new X509HostnameVerifier() {

			@Override
			public boolean verify(String arg0, SSLSession arg1) {
				return true;
			}

			@Override
			public void verify(String host, SSLSocket ssl)
					throws IOException {
			}

			@Override
			public void verify(String host, X509Certificate cert)
					throws SSLException {
			}

			@Override
			public void verify(String host, String[] cns,
							   String[] subjectAlts) throws SSLException {
			}

		});

		return HttpClients.custom().setSSLSocketFactory(sslsf).build();

	} catch (GeneralSecurityException e) {
		throw e;
	}
}

public static void main(String[] args) {
	try {
		String str= post("https://localhost:443/ssl/test.shtml","name=12&page=34","application/x-www-form-urlencoded", "UTF-8", 10000, 10000);
		//String str= get("https://localhost:443/ssl/test.shtml?name=12&page=34","GBK");
        /*Map<String,String> map = new HashMap<String,String>();
        map.put("name", "111");
        map.put("page", "222");
        String str= postForm("https://localhost:443/ssl/test.shtml",map,null, 10000, 10000);*/
		System.out.println(str);
	} catch (ConnectTimeoutException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	} catch (SocketTimeoutException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	} catch (Exception e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
}

}

  3）UCenterMember：存成员的一些信息（例如openId，微信用户昵称，微信头像等）的实体类
	@Autowired
	private UcenterMemberService memberService;
	
	//扫描之后，调用这个方法
	@GetMapping("callback")
	public String callback (String code,String state ,HttpSession session){
		//得到授权临时票据code

// System.out.println("code = " + code);
// System.out.println("state = " + state);
//1 获取返回临时票据 code

    //2 拿着code请求微信提供的固定的地址
    String baseAccessTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token" +
            "?appid=%s" +
            "&secret=%s" +
            "&code=%s" +
            "&grant_type=authorization_code";
    //设置参数
    baseAccessTokenUrl = String.format(
            baseAccessTokenUrl,
            ConstantPropertiesUtil.WX_OPEN_APP_ID,
            ConstantPropertiesUtil.WX_OPEN_APP_SECRET,
            code);
    try {
        //使用httpclient请求拼接之后的路径，获取openid和access_token
        String resultAccessToken = HttpClientUtils.get(baseAccessTokenUrl);
        //从返回字符串获取两个值
        Gson gson = new Gson();
        Map<String,Object> map = gson.fromJson(resultAccessToken, HashMap.class);
        String access_token = (String)map.get("access_token");//获取数据凭证
        String openid = (String)map.get("openid");//微信id

       //3 拿着access_token和openid请求固定的地址,取出用户的信息
        String baseUserInfoUrl = "https://api.weixin.qq.com/sns/userinfo" +
                "?access_token=%s" +
                "&openid=%s";
        baseUserInfoUrl = String.format(
                baseUserInfoUrl,
                access_token,
                openid);
        //httpclient请求这个地址
        String resultUserInfo = HttpClientUtils.get(baseUserInfoUrl);
        Map<String,Object> userMap = gson.fromJson(resultUserInfo, HashMap.class);
        String nickname = (String)userMap.get("nickname");//昵称
        String headimgurl = (String)userMap.get("headimgurl");//头像

        //判断用户表是否已经存在添加用户信息，如果不存在，添加
        UcenterMember member = memberService.getOpenUserInfo(openid);
        if(member == null) {//不存在
            //添加
            member = new UcenterMember();
            member.setNickname(nickname);
            member.setAvatar(headimgurl);
            member.setOpenid(openid);

            memberService.save(member);
        }

        //回到首页面
        return "redirect:http://localhost:3000";
    }catch(Exception e) {

    }
    return null;
}



	4）业务接口：MemberService.java

	Member getOpenUserInfo(String openid);


	5）业务实现：MemberServiceImpl.java

	@Override
	public Member getByOpenid(String openid) {
	
	  QueryWrapper<Member> queryWrapper = new QueryWrapper<>();
	  queryWrapper.eq("openid", openid);
	
	  Member member = baseMapper.selectOne(queryWrapper);
	  return member;
	}

第四步整合JWT令牌
	1、加入jwt工具依赖
	在pom中添加
	<!-- JWT -->
	<dependency>
		 <groupId>io.jsonwebtoken</groupId>
		 <artifactId>jjwt</artifactId>
		 <version>0.7.0</version>
	</dependency>

	
	2）创建JWT工具类
	在util包中添加
package com.guli.ucenter.util;

import com.guli.ucenter.entity.Member;
import io.jsonwebtoken.Claims;
import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
import org.springframework.util.StringUtils;

import java.util.Date;

/**

  • jwt工具类
    */
    public class JwtUtils {

    public static final String SUBJECT = “guli”;

    //秘钥
    public static final String APPSECRET = “guli”;

    public static final long EXPIRE = 1000 * 60 * 30; //过期时间，毫秒，30分钟

    /**

    • 生成jwt token

    • @param member

    • @return
      */
      public static String geneJsonWebToken(Member member) {

      if (member == null || StringUtils.isEmpty(member.getId())
      || StringUtils.isEmpty(member.getNickname())
      || StringUtils.isEmpty(member.getAvatar())) {
      return null;
      }
      String token = Jwts.builder().setSubject(SUBJECT)
      .claim(“id”, member.getId())
      .claim(“nickname”, member.getNickname())
      .claim(“avatar”, member.getAvatar())
      .setIssuedAt(new Date())
      .setExpiration(new Date(System.currentTimeMillis() + EXPIRE))
      .signWith(SignatureAlgorithm.HS256, APPSECRET).compact();

      return token;
      }

    /**

    • 校验jwt token
    • @param token
    • @return
      */
      public static Claims checkJWT(String token) {
      Claims claims = Jwts.parser().setSigningKey(APPSECRET).parseClaimsJws(token).getBody();
      return claims;
      }

    //测试生成jwt token
    private static String testGeneJwt(){
    Member member = new Member();
    member.setId(“999”);
    member.setAvatar(“www.guli.com”);
    member.setNickname(“Helen”);

     String token = JwtUtils.geneJsonWebToken(member);
 System.out.println(token);
 return token;

    }

    //测试校验jwt token
    private static void testCheck(String token){

     Claims claims = JwtUtils.checkJWT(token);
 String nickname = (String)claims.get("nickname");
 String avatar = (String)claims.get("avatar");
 String id = (String)claims.get("id");
 System.out.println(nickname);
 System.out.println(avatar);
 System.out.println(id);

    }

    public static void main(String[] args){
    String token = testGeneJwt();
    testCheck(token);
    }
    }

     3、callback中生成jwt
 在callback方法的最后添加如下代码
 // 生成jwt
 String token = JwtUtils.geneJsonWebToken(member);
 
 //存入cookie
 //CookieUtils.setCookie(request, response, "guli_jwt_token", token);
 
 //因为端口号不同存在蛞蝓问题，cookie不能跨域，所以这里使用url重写
 return "redirect:http://localhost:3000?token=" + token;

    第五步 显示用户登录信息
    1、解析jwt token
    新建一个Controller

    • 根据对象生成jwt字符串
      public static String geneJsonWebToken(UcenterMember member) {

      if (member == null || StringUtils.isEmpty(member.getId())
      || StringUtils.isEmpty(member.getNickname())
      || StringUtils.isEmpty(member.getAvatar())) {
      return null;
      }

      String token = Jwts.builder().setSubject(SUBJECT)
      .claim(“id”, member.getId()) //向jwt设置主体部分数据
      .claim(“nickname”, member.getNickname())
      .claim(“avatar”, member.getAvatar())
      .setIssuedAt(new Date())//设置jwt字符串过期时间
      .setExpiration(new Date(System.currentTimeMillis() + EXPIRE))
      .signWith(SignatureAlgorithm.HS256, APPSECRET).compact();//根据秘钥对字符串进行加密，加密方式使用hs256

      return token;
      }

  • 根据jwt字符串，获取jwt字符串内容
    public static Claims checkJWT(String token) {
    Claims claims = Jwts.parser().setSigningKey(APPSECRET).parseClaimsJws(token).getBody();
    return claims;
    }

     //根据生成jwt的token值获取数据
  Claims claims = checkJWT(token);
  String id = (String)claims.get("id");
  String nickname = (String)claims.get("nickname");
  String avatar = (String)claims.get("avatar");

  System.out.println(id);
  System.out.println(nickname);
  System.out.println(avatar);

（3）整合jwt到项目具体功能里面

  • 找到扫描之后调用的方法，callback方法

  • 在callback方法根据member对象生成jwt的字符串，传递到首页面路径中
    //根据member对象生成jwt字符串
    String token = JwtUtils.geneJsonWebToken(member);

    //回到首页面
    return “redirect:http://localhost:3000?token=”+token;

（4）在页面具体操作

  • 第一获取路径中token值
    ** 在页面中使用代码 this.$route.query.token 获取路径中参数值

  • 第二调用后端接口，根据token值获取token值用户信息，把信息返回

  • 第三得到接口返回用户信息，把信息显示到页面中

☆☆☆ 总结
一、微信扫描登录
1、编写代码生成微信扫描二维码
（1）String.format()方法
（2） @Controller 和 @RestController 注解

2、编写代码实现扫描之后获取扫描人信息
（1）内网穿透
（2）httpclient
（3）跨域问题：三个地方访问协议、ip地址、端口号，有任何一个不一样就是跨域
跨域解决：
第一种，在controller添加注解 @CrossOrigin
第二种：使用httpclient
（4）Gson是json转换工具
json其他转换工具：jackson、fastjson、jsonlib

（5）JWT
* 根据对象生成jwt字符串
* 根据jwt字符串获取数据

3、扫描之后，首页面显示用户信息
this.$route.query.token ：获取路由里面参数值 ?token=uyytyew

Vue2 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！
王二红
06-25 3825
vue2，nuxt2，PC网站，网页，微信扫码登录，微信登陆，vue2微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue2详细实现微信扫一扫登陆，pc网页微信登录，vue集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlogi
foxmail邮箱怎么导入邮件_如何设置在Foxmail配置腾讯企业邮箱
weixin_28738397的博客
12-10 3637
Foxmail支持微信扫码登录、手机验证码登录、账号密码登录三种方式新建腾讯企业邮箱。注意：目前仅foxmail 7.2.11版本支持微信扫码和手机验证码新建腾讯企业邮箱，可以foxmail官网https://www.foxmail.com/下载最新版本。如图打开Foxmail，点击腾讯企业邮箱第一种方式：通过绑定腾讯企业邮箱的微信扫码登录：第二种方式：通过绑定腾讯企业邮箱的手机验证码登...
微信登录解析
weixin_34241036的博客
02-08 442
工作上需要做个微信登录，之前没有经验，自己摸索，结果遇到了一些坑，当然是解决了，但是有一个坑好无语，就是回调地址不能有http://，结果链接里的redirect_uri就要加上，不然就报参数错误。网上查找了好多redirect_uri参数错误的答案，竟然没人提到这点，害我百思不解，我也是醉了。首先是微信网页授权的官方文档，主要是依靠这个来完成微信登录功能网页授权首先要有一个...
微信小程序在哪里看自己的appId 和 Secret 如何查看
阿宁的博客
02-21 4万+
appId 和 Secret 如何获取? 微信公众平台 - 传送门 1. 进入网页后, 右上角扫码登录 2. 在左侧栏找到 </>开发 3. 依次点击 -> 开发管理 -> (在中间横向导航框) 点开发设置 -> 4. 看到了开发者ID 下方有 AppID(小程序ID) ********************** 5. APPID下面有 AppSecret(小程序密钥) 但是内容为空,需要在最右方点击 重置 (出于安全考虑，AppSecret
SpringBoot项目整合微信登录
xushuai2333333的博客
12-02 1987
SpringBoot项目整合微信登录
uni-app中使用wx-open-launch-app
最新发布
每天都要努力学习哦~~
12-28 3185
在部分场景下，用户在微信内访问网页时需要跳转到 APP 使用完整服务，为此我们提供了以满足微信内网页跳转到 APP 的需求。微信内网页跳转 APP 功能已向全体开发者开放，当用户访问已认证服务号的 JS 接口安全域名时，可以通过“微信开放标签”打开符合条件的 APP。
微信登陆之生成微信二维码
qq_42030549的博客
05-15 1280
第一步：配置文件 #微信开放平台 appid wx.open.app_id=wxed9954c01bb89b47 #微信开放平台 appsecret wx.open.app_secret=a7482517235173ddb4083788de60b90e # 微信开放平台 重定向url（guli.shop需要在微信开放平台配置） wx.open.redirect_url=http://guli.shop/api/ucenter/wx/callback 第二步：编写utis类 //读取配置文件的配置
微信小程序详解
10-24
### 微信小程序详解 #### 一、微信小程序概述 微信小程序作为一种新兴的应用形式，自发布以来便受到了广泛的关注。它不仅改变了用户获取服务的方式，同时也为开发者提供了新的机遇与挑战。本文将从以下几个方面对...
微信小程序扫描二维码获取信息实例详解
10-17
在微信小程序中，扫描二维码是一项常见的功能，可以用于获取各种信息，例如商品详情、链接、会员信息等。本文将深入讲解如何在微信小程序中实现扫描二维码并获取信息的实例。 首先，我们需要创建一个简单的微信小...
ECShop2.7.3 PC端微信扫描登录插件应用指南
- 微信扫描登录是一种利用微信的扫码功能实现的登录方式。用户无需输入用户名和密码即可快速登录第三方应用。这种方法的安全性较高，因为用户不需要在不同平台上重复使用相同的用户名和密码，降低了账户信息泄露的...
微信扫描登录（生成二维码）
Leon_Jinhai_Sun的博客
08-10 8385
添加配置 application.properties添加相关配置信息 # 微信开放平台 appid wx.open.app_id=你的appid # 微信开放平台 appsecret wx.open.app_secret=你的appsecret # 微信开放平台 重定向url wx.open.redirect_url=http://你的服务器名称/api/ucenter/wx/callback 创建常量类 创建util包，创建ConstantPropertiesUtil.java常量类 @C
Java获取小程序openId
Bronna的博客
07-19 6944
最近公司要开发小程序，由于业务需要，需要在用户注册时获取用户的openId作为userId进行注册一、获取code将code作为参数传递过来//如果有code，说明是微信小程序，根据code获取openId //classify用于标识是哪个小程序 if (!CheckUtil.checkNulls( keUser.getCode(),keUser.getClassify()
小程序：微信扫码，携带参数跳转到小程序指定页面
snow的博客
09-04 4万+
有一个场景，用户使用手机微信的扫码功能，扫描一个二维码，跳转到小程序指定页面这样是不是很方便，省去了原来先打开微信--找到小程序--登录--操作业务流程等一系列操作，直接到了目标页面，是不是很有价值。 如何实现呢： 一、进入小程序后台，找到开发--开发管理--开发设置 二、开发设置页面 找到 扫普通链接二维码打开小程序--点击添加 三、添加页面 四、通过二维码访问带有参数的链接，在app.vue文件，onLaunch获取到参数 五、判断是否是登录状态，如果是继续，如果不是，...
wx-open-launch-weapp 缺少id 信息不完整无法启动
sam的博客
09-06 674
找了各种方法，已经裂开了，经过各种测试，原因是：客户提供的username="原始id"错误
使用微信开放标签＜wx-open-launch-weapp＞的踩坑日记
weixin_45532305的博客
11-04 2万+
最近在完成H5跳转小程序需求时，使用到了微信官方退出的开放标签<wx-open-launch-weapp>，来谈一谈使用的心得和不足。 1、适用环境 微信版本要求为：7.0.12及以上。 系统版本要求为：iOS 10.3及以上、Android 5.0及以上 2、接入微信的JS-SDK 按微信JS-SDK要求绑定安全域，并通过config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参
如何实现微信扫码登录--OAuth2
路漫漫其修远兮，吾将上下而求索
08-26 9555
​1. 首先你想要使用腾讯公司微信做登录这样的相关操作，必须在腾讯的开发者平台注册，获得资质！微信开放平台 (1) 支持企业类型（以前只支持企业注册） (2) 注册之后，会给你提供微信id和微信密钥 ps:注册需要准备营业执照、1-2个工作日审批、300元认证费 ...
微信扫码登陆（1）---扫码登录流程讲解、获取授权登陆二维码
热门推荐
后端元宇宙
04-30 18万+
扫码登录流程讲解、获取授权登陆二维码 具体流程可以看微信官网的扫码登录文档 地址：https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316505&token=&lang=zh_CN 其实官方文档已...
实现接入微信登录，代码详细
qq_34579060的博客
05-22 3886
第三方授权登录和支付 1.1 整合微信登录 1.1.1 文档地址 ​ https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 1.1.2 生成微信二维码 application.properties 配置信息 # appId wechat.appId=wx12411231 # 密钥 wechat.appSecret=feageasgeaege # 重定向地址，其实微信后台配置的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值