抖音小程序登录(前端通过tt.login获取code换取openId)

抖音小程序登录

抖音开放平台小程序登录:

https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/tutorial/basic-ability/microapp-login

前端(通过tt.login获取code)

流程

静默登录依赖小程序 API tt.login,把tt.loginsuccess 回调中返回的 code 传给开发者服务端,换取开发者服务端生成的 token。

具体的前端流程如下:

  1. 判断抖音宿主是否登录。已登录,下一步。未登录,则显示登录抖音主端的按钮,提示用户登录。
  2. 登录抖音成功后,tt.login 会返回一个 code,前端携带 code 向开发者服务端请求。
  3. 开发者服务端通过 code2session 换取 sessionKey、open_id 和 union_id,并生成与 open_id 对应的唯一 token。
  4. 开发者服务端将 token 返回前端。
  5. 前端将 token 缓存,下次直接携带 token 向开发者服务端请求数据。

后端

具体流程

从前端的code去调用抖音接口去换取openid等信息,以此生成token

  1. 先调用接口换取openid

    接口为

    https://developer.toutiao.com/api/apps/v2/jscode2session

    响应为

    {

    "err_no": 0,

    "err_tips": "success",

    "log_id": "2024102117013250E8ABC6F2D070B681DC",

    "data": {

    "session_key": "hZy6t19VPjFqm********",

    "openid": "V3WvSshYq9******",

    "anonymous_openid": "",

    "unionid": "f7510d9ab***********"

    }

    }

  2. 我是根据openid和shopId作为用户的唯一依据的,一般来说就是根据openid就可以,如果存在这个用户就查询然后将id放到token的负载之后,没有则先注册到数据库返回id,放入token中

  3. 返回前端token

java 复制代码
String appid = "********;
String secret = "*************************************";
public Map<String, Object> dyMiniLogin(String code, String ipAddr, Long shopsId) {
        String url = "https://developer.toutiao.com/api/apps/v2/jscode2session";

        // 创建请求体 JSON 对象
        com.alibaba.fastjson2.JSONObject requestBody = new com.alibaba.fastjson2.JSONObject();
        requestBody.put("anonymous_code", ""); // 如果不需要匿名码,可以留空
        requestBody.put("appid", appid);
        requestBody.put("code", code);
        requestBody.put("secret", secret);

        // 设置请求头
        HttpHeaders headers = new HttpHeaders();
        headers.set("Content-Type", "application/json");

        // 创建 HttpEntity 对象
        HttpEntity<String> requestEntity = new HttpEntity<>(requestBody.toJSONString(), headers);

        // 创建 RestTemplate 实例
        RestTemplate restTemplate = new RestTemplate();

        // 发送 POST 请求并获取响应
        ResponseEntity<String> responseEntity = restTemplate.exchange(url, HttpMethod.POST, requestEntity, String.class);

        // 获取响应体
        String response = responseEntity.getBody();

        // 打印响应日志,便于调试
        System.out.println("Response from Douyin: " + response);

        // 解析响应
        JSONObject resJSON = JSONObject.parseObject(response);
        String token = "";
        // 检查是否成功
        try {
            if ("0".equals(resJSON.getString("err_no")) && "success".equals(resJSON.getString("err_tips"))) {
                String jsonString = resJSON.toJSONString();// 返回完整的响应 JSON
                JSONObject jsonObject = JSON.parseObject(jsonString);
                // 获取 data 字段中的内容
                JSONObject data = jsonObject.getJSONObject("data");
                // 提取 openid
                String openId = data.getString("openid");
                //根据openId和商铺id查询用户
                UserVo userVo = UserVo.builder().openid(openId).shopsId(shopsId).build();
                Tiktokuser user = tiktokuserService.selectTiktokuserByOpenIdAndShopsId(userVo);
                if (ObjectUtils.isEmpty(user)){
                     user = new Tiktokuser();
                    user.setOpenid(openId);
                    user.setShopsId(shopsId);
                    //进行注册
                    tiktokuserService.insertTiktokuser(user);
                }
                LoginUser loginUser = new LoginUser();
                loginUser.setUserid(user.getId());
                loginUser.setUsername(openId);
               /* HashMap<String, Object> map = new HashMap<>();
                map.put("user_id",user.getId());
                map.put("openId",openId);*/
                // 生成 JWT
                TokenService tokenService = new TokenService();
                SysUser sysuser = new SysUser();
                sysuser.setUserId(user.getId());
                sysuser.setUserName(openId);
                loginUser.setSysUser(sysuser);
//                loginUser.setToken(JwtUtils.createToken(token));
//                tokenService.setLoginUser(loginUser);
                return tokenService.createToken(loginUser); // 返回完整的响应 JSON
            } else {
                String errcode = resJSON.getString("err_no");
                String errmsg = resJSON.getString("err_tips");
                throw new Exception("获取 session_key 失败:状态码:" + errcode + ",信息:" + errmsg);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }
相关推荐
未来之窗软件服务4 小时前
一体化系统(九)智慧社区综合报表——东方仙盟练气期
大数据·前端·仙盟创梦ide·东方仙盟·东方仙盟一体化
陈天伟教授7 小时前
人工智能训练师认证教程(2)Python os入门教程
前端·数据库·python
信看8 小时前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
Tony Bai8 小时前
【API 设计之道】04 字段掩码模式:让前端决定后端返回什么
前端
苏打水com8 小时前
第十四篇:Day40-42 前端架构设计入门——从“功能实现”到“架构思维”(对标职场“大型项目架构”需求)
前端·架构
king王一帅8 小时前
流式渲染 Incremark、ant-design-x markdown、streammarkdown-vue 全流程方案对比
前端·javascript·人工智能
苏打水com9 小时前
第十八篇:Day52-54 前端跨端开发进阶——从“多端适配”到“跨端统一”(对标职场“全栈化”需求)
前端
Bigger9 小时前
后端拒写接口?前端硬核自救:纯前端实现静态资源下载全链路解析
前端·浏览器·vite
BD_Marathon9 小时前
【JavaWeb】路径问题_前端绝对路径问题
前端