使用若依写微信小程序登录授权认证接口_GIS数据共享

使用若依写微信小程序登录授权认证接口

2023-11-02 21:01:41  浏览:3457  作者:管理员
一、获取AppID和AppSecret二、微信小程序授权登录流程微信小程序登录流程图:2.1 第一步:调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。 wx.login({ su...

一、获取AppID和AppSecret

使用若依写微信小程序登录授权认证接口

二、微信小程序授权登录流程

微信小程序登录流程图:

使用若依写微信小程序登录授权认证接口

2.1 第一步:调用 

wx.login()

 获取 临时登录凭证code ,并回传到开发者服务器。
wx.login({
  success (res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://example.com/onLogin',
        data: {
          code: res.code
        }
      })
    } else {
      console.log('登录失败!' + res.errMsg)
    }
  }
})

2.2 第二步:调用 

auth.code2Session

 接口,换取 用户唯一标识 OpenID 、 用户在微信开放平台帐号下的唯一标识UnionID(若当前小程序已绑定到微信开放平台帐号) 和 会话密钥 session_key。

使用若依写微信小程序登录授权认证接口

这里就需要我们为微信小程序写一个授权接口了,前端给我传入一个code参数,然后通过我们写的接口调用官方给我提供的授权接口,填写我们appid和secret及code参数。

三 后台接口编写

3.1 第一步: 需要的第三方依赖

    <dependencies>
        <!-- 通用工具-->
        <dependency>
            <groupId>com.ruoyi</groupId>
            <artifactId>ruoyi-common</artifactId>
        </dependency>

        <!--hutool工具类-->
        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.7.19</version>
        </dependency>
    </dependencies>

3.2 第二步: JAVA接口代码 

package com.ruoyi.wechat.controller;

import cn.hutool.core.util.StrUtil;
import cn.hutool.json.JSONObject;
import cn.hutool.json.JSONUtil;
import com.ruoyi.common.core.domain.AjaxResult;
import com.ruoyi.common.utils.http.HttpUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

/**
 * 微信小程序授权接口
 */
@RestController
@RequestMapping("/api")
public class WechatController {
    /**
     * 微信小程序AppID
     */
    private final static String AppID = "填写你的小程序AppID";
    /**
     * 微信小程序AppSecret
     */
    private final static String AppSecret = "填写你的小程序AppSecret ";

 /**
     * @param code 登录时获取的 code
     * @return
     */
    @GetMapping("/wxlogin")
    public AjaxResult getWechatLoginInfo(String code) {
        String url = "https://api.weixin.qq.com/sns/jscode2session";
        String params = StrUtil.format("appid={}&secret={}&js_code={}&grant_type=authorization_code", AppID, AppSecret, code);
        String json = HttpUtils.sendGet(url, params);
        JSONObject jsonObject = JSONUtil.parseObj(json);
        String session_key = (String) jsonObject.get("session_key");
        String openid = (String) jsonObject.get("openid");
        if (StrUtil.isEmpty(openid)) {
            return AjaxResult.error("未获取到openid");
        }
        String token = UUID.randomUUID().toString();
        Map<String, Object> data = new HashMap<>();
        data.put("token", token);
        data.put("session_key", session_key);
        data.put("openid", openid);
        return AjaxResult.success(data);
    }

}


四、编写小程序登陆界面

4.1 index.wxml

<!--index.wxml-->
<view class="container">
  <view>
    <button open-type="getUserInfo" bind:tap="login" type="default">微信授权登录</button>
  </view>
</view>

4.2 index.js

 login(evt) {
    wx.getUserProfile({
      desc: '登录', //描述信息
      success: res => {
        // console.log(res); 成功回调
        if (res.userInfo) {
          wx.login({
            success: ret => {
              // console.log(ret);
              var code = ret.code
              wx.request({
                url: 'http://localhost/api/wxlogin', //仅为示例,并非真实的接口地址
                data: {
                  code: code
                },
                success(res) {
                  console.log(res.data)
                  if (res.data.code == 0) {
                    console.log("登录成功");
                    wx.setStorageSync('token', res.data.data.token);
                    wx.setStorageSync('openid', res.data.data.openid);
                    wx.setStorageSync('session_key', res.data.data.session_key);
                    wx.navigateTo({
                      url: '/pages/hello/hello',
                    })
                  }else{
                    console.log("登录失败");
                  }
                }
              })
            }
          })
        }
      }
    })
  }

4.3 hello.wxml

<!--pages/hello/hello.wxml-->
<text>登录成功</text>

5. 其它

    建议取消若以框架的验证码登陆(在springboot的配置中修改),用户表新增openid。结合若以框架的用户登陆接口,获取认证凭证,完成对接口认证操作。具体操作本站将另外文章详细说明,敬请期待。


扫码查看

上一篇:微信小程序之蓝牙通信模块

下一篇:已经是最后一篇

评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机内容】

返回顶部