当前位置: 首页 > article >正文

抖音小程序登录(前端通过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


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;
    }

http://www.kler.cn/a/453266.html

相关文章:

  • 网络安全之接入控制
  • C++--------效率和表示
  • 基于谱聚类的多模态多目标浣熊优化算法(MMOCOA-SC)求解ZDT1-ZDT4,ZDT6和工程应用--盘式制动器优化,MATLAB代码
  • 机器学习之PCA降维
  • 关于科研中使用linux服务器的集锦
  • x86_64 Ubuntu 编译安装英伟达GPU版本的OpenCV
  • 生成10级子目录,每个子目录下有100个不同大小的文件
  • 将现有环境192.168.1.100中的svn迁移至新服务器192.168.1.4;
  • 项目管理咨询公司专注于为各类项目提供全方位的管理咨询服务
  • K8S--“ Failed to create pod sandbox: nameserver list is empty“
  • Jmeter下载安装配置教程(多版本)
  • 【目标跟踪+人流计数+人流热图(Web界面)】基于YOLOV11+Vue+SpringBoot+Flask+MySQL
  • Java 23和JDK 23详细安装方法,常用命令使用等
  • 安卓端侧大模型MLC-LLM部署全攻略:以InternLM2.5-1.8B为例
  • 任务8 数据库服务配置与管理
  • 力扣面试题 39 - 三步问题 C语言解法
  • 遗传萤火虫算法的原理
  • 【Git】—— 代码版本控制工具git的安装及基本使用
  • 【C++动态规划】1458. 两个子序列的最大点积|1823
  • 深度解析DAPP开发 | 智能合约与业务应用
  • Bert各种变体——RoBERTA/ALBERT/DistillBert
  • 容器化平台Docker初识
  • 动态规划<五> 子数组问题(含对应LeetcodeOJ题)
  • 下载运行Vue开源项目vue-pure-admin
  • 如何利用AWS监听存储桶并上传到tg bot
  • 模型 易得性偏差