快捷導(dǎo)航

weixin-java-miniapp微信小程序登陸具體實(shí)現(xiàn)

更新時(shí)間：2025年02月20日 10:10:29 作者：小哇666

這篇文章主要介紹了weixin-java-miniapp微信小程序登陸具體實(shí)現(xiàn)的相關(guān)資料,包括用戶授權(quán)、獲取code、發(fā)送到后臺(tái)、后臺(tái)驗(yàn)證并獲取openid和session_key、返回驗(yàn)證結(jié)果等步驟,需要的朋友可以參考下

具體實(shí)現(xiàn)

后端

1 pom.xml，yml文件配置

 <dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-miniapp</artifactId>
            <version>4.5.5.B</version>
</dependency>

---------------------------------------

wx:
  miniapp:
    appId: wxcb96214be4598129  # 小程序微信公眾平臺(tái)appId
    secret: 039b0b4bde17b9358064fcacc56b7fc3  # 小程序微信公眾平臺(tái)api秘鑰

---------------------------------------

2 屬性注入，配置文件編寫

import lombok.Data;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Component
@Data
@ConfigurationProperties(prefix = "wx.miniapp")
public class WxConfigProperties {
    private String appId;
    private String secret;
}

import cn.binarywang.wx.miniapp.api.WxMaService;
import cn.binarywang.wx.miniapp.api.impl.WxMaServiceImpl;
import cn.binarywang.wx.miniapp.config.impl.WxMaDefaultConfigImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;

@Component
public class WxConfigOperator {

    @Autowired
    private WxConfigProperties wxConfigProperties;

    @Bean
    public WxMaService wxMaService() {

        //微信小程序id和秘鑰
        WxMaDefaultConfigImpl wxMaConfig = new WxMaDefaultConfigImpl();
        wxMaConfig.setAppid(wxConfigProperties.getAppId());
        wxMaConfig.setSecret(wxConfigProperties.getSecret());

        WxMaService service = new WxMaServiceImpl();
        service.setWxMaConfig(wxMaConfig);
        return service;
    }
}

3 小程序登陸接口

import cn.binarywang.wx.miniapp.api.WxMaService;
import cn.binarywang.wx.miniapp.bean.WxMaJscode2SessionResult;
import lombok.extern.slf4j.Slf4j;
import me.chanjar.weixin.common.error.WxErrorException;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@Slf4j
@RestController
@CrossOrigin
public class CustomerInfoController {

    @Autowired
    private WxMaService wxMaService;

    // 微信小程序登錄接口
    @RequestMapping("/wx_login/[code]")
    public Object login(@PathVariable String code) throws WxErrorException {
        WxMaJscode2SessionResult sessionInfo =
                wxMaService.getUserService().getSessionInfo(code);
        //微信號(hào)標(biāo)識(shí)
        System.out.println("sessionInfo.getOpenid() = " + sessionInfo.getOpenid());
        return sessionInfo;
    }
    
}

前端核心代碼

    // 登錄
    wx.login({
      success: res => {
        console.error(res.code)
        // 發(fā)送 res.code 到后臺(tái)換取 openId, sessionKey, unionId
        console.error(res)

         // oauth code
         const code = res.code;
      
         // 請(qǐng)求開發(fā)者服務(wù)器，獲取oauth token信息
         wx.request({
           url: `http://localhost:8080/wx_login/$[code]`, 
           header:{'content-type':'application/json'},
           method: 'POST',
           success(res){
             const data = res.data;
             console.error(data)
           }
         })
      },
    })

總結(jié)

到此這篇關(guān)于weixin-java-miniapp微信小程序登陸具體實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)weixin-java-miniapp微信小程序登陸內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: