H5接入Steam 获取用户数据案例 使用 OpenID 登录绑定公司APP账户 steam公开用户信息获取 steam webapi文档使用

news/2024/12/13 21:13:04/

官方文档地址

1.注册 Steam API Key:

  • 你需要一个 Steam Web API Key,可以在 Steam API Key 页面 获取。
  • https://steamcommunity.com/dev/apikey
    这里开发做demo用自己steam账户的就好,后续上线要用公司的账户

2.使用 OpenID 登录:

  • 实现 Steam OpenID 登录,以便用户通过 Steam 账户登录你的应用。
    例如网易Buff的登录,带参跳转到steam登录页,登陆成功后steam会自动回调并返回用户数据
    这一步可以后台对接OpenID 给一个完整的登陆链接,H5负责跳转该链接登录、响应steam回调绑定检测

https://steamcommunity.com/openid/login?openid.ns=【openid.ns】&openid.mode=【openid.mode】&openid.return_to=【openid.return_to】&openid.realm=【openid.realm】&openid.identity=【openid.identity】&openid.claimed_id=【openid.claimed_id】

  • openid.ns //这个参数指定OpenID协议的命名空间(Namespace),它是用来确定OpenID协议版本的。例如,openid.ns=http://specs.openid.net/auth/2.0 表示使用的是OpenID 2.0协议。
  • openid.mode 这个参数指示OpenID提供商(Provider)应执行的操作类型。常见的模式包括:
    • checkid_setup: 请求OpenID认证(用户可能需要手动确认)。
    • checkid_immediate: 请求OpenID认证,但不需要用户干预,适用于自动登录场景。
    • id_res: OpenID认证成功后的响应模式。
    • cancel: 用户取消了认证过程。
    • setup_needed: 用户需要设置其OpenID标识。
    • failure: OpenID认证失败。
  • openid.return_to 这个参数指定OpenID认证完成后返回的URL地址。当认证过程结束时,用户会被重定向回这个URL。
  • openid.realm 这个参数指定了依赖方(Relying Party)的应用范围或信任域。它通常与用户的登录会话相关联,表明哪些站点被认为是可信的。
  • openid.identity 这个参数包含了用户希望使用的OpenID标识符。如果用户没有明确提供一个标识符,那么这个值可能会指向用户的默认OpenID提供商。
  • openid.claimed_id 这个参数表示用户声称拥有的OpenID标识符。它通常是用户提供的URL,指向他们的OpenID标识。如果用户提供了openid.identity,则openid.claimed_id通常是指定的标识符。

在这里插入图片描述
在这里插入图片描述

3.获取玩家数据:

  • 使用 GetPlayerSummaries 方法获取玩家信息。

    https://api.steampowered.com/ISteamUser/GetPlayerSummaries/v2/?key=YOUR_API_KEY&steamids=STEAM_ID

4.创建API服务:

// src/api.js
import axios from 'axios';const API_KEY = 'YOUR_API_KEY';
const BASE_URL = 'https://api.steampowered.com';export const getPlayerData = async (steamId) => {try {const response = await axios.get(`${BASE_URL}/ISteamUser/GetPlayerSummaries/v2/`, {params: {key: API_KEY,steamids: steamId,},});return response.data.response.players[0];} catch (error) {console.error('Error fetching player data:', error);throw error;}
};

5.组件内调用:

<template><div v-if="player"><h1>{{ player.personaname }}</h1><img :src="player.avatar" alt="Avatar"></div><div v-else>Loading...</div>
</template><script>
import { ref, onMounted } from 'vue';
import { getPlayerData } from './api';export default {setup() {const player = ref(null);onMounted(async () => {try {player.value = await getPlayerData('STEAM_ID');} catch (error) {console.error(error);}});return { player };},
};
</script>

6.接口返回
以我自己的steami【76561199022526231】为例:

  • 页面

    • steam登录 https://steamcommunity.com/login/home/?goto=
    • steam登录后个人信息页:https://steamcommunity.com/profiles/76561199022526231
    • steam公开个人信息功能页 https://steamcommunity.com/profiles/76561199022526231/edit/settings
  • API

    • 主动获取他人资料的官方:https://api.steampowered.com/ISteamUser/GetPlayerSummaries/v2/?key=【Steamworks Web API 】&steamids=76561199022526231
      在这里插入图片描述
  • steamid - 用户64位ID

  • communityvisibilitystate - int型,资料可见模式 1 = 隐私 2 = 仅好友可见 3 = 用户好友的好友也可见 4 = 只对登录Steam的用户可见 5 = 公开,任何人可见

  • profilestate - 如果为1,该用户填写了自己的资料

  • personaname - 用户昵称

  • lastlogoff - unix时间格式,上次在线时间

  • profileurl - 用户Steam社区资料地址

  • avatar - 32*32图像

  • avatarmedium - 64*64图像

  • avatarfull - 184*184图像

  • personastate - 用户状态 0 - 不在线 (如果资料为隐私也是如此) 1 - 在线 2 - 忙碌 3 - 离开 4 - 休息?Snooze 5 - 寻找交易中 6 - 寻找游戏中

  • commentpermission - 如果出现,代表任何人都可以评论

  • realname - 真实姓名

  • timecreated - UNIX时间形式,建号?(the profile was created)时间

  • loccountrycode - ISO 3166 代码,用户所在国家

  • locstatecode - 可变代码长度,用户所在州

  • loccityid - 一串INT型Steam内部ID,代表所在城市

  • gameid - 如果用户在游戏中,这会是以String形式的游戏APP ID(DOTA2是570)


http://www.ppmy.cn/news/1554851.html

相关文章

OpenCV中的水印添加

一、原理 将两个不同的logo图像&#xff08;logo 和 logo2&#xff09;插入到背景图像&#xff08;img&#xff09;的指定位置。这个过程涉及到图像处理的几个关键步骤&#xff0c;包括灰度化、二值化、区域选择&#xff08;ROI&#xff09;、位运算和图像融合。 二、实验代码 …

水下机器人:科技助力水下救援的新力量|鼎跃安全

在自然灾害、海洋事故或复杂水域救援中&#xff0c;传统人工救援常面临环境恶劣、作业危险等挑战。水下机器人作为现代科技的结晶&#xff0c;凭借其卓越的水下作业能力和智能技术&#xff0c;成为救援任务中的“隐形英雄”。这种高效、智能的救援装备正逐步改变着水下救援的模…

MATLAB小电流接地系统单向故障仿真分析

基于Simulink的小电流接地系统单向故障仿真分析&#xff0c;包涵中性点不接地系统仿真和中性点经消弧线圈接地系统仿真模型。 电力系统常用的接地方式有两种&#xff0c;即中性点有效接地系统和非有效接地系统&#xff0c;也称为大电流接地系统和小电流接地系统。 对于小电流接…

MyBatis 基础学习与优化技巧解析

1. 引言 在当今的软件开发领域&#xff0c;数据库操作是至关重要的一环。MyBatis 作为一款优秀的持久层框架&#xff0c;简化了 JDBC 代码&#xff0c;为开发者提供了高效、灵活的数据访问方式。在之前的学习中&#xff0c;我们已经对 MyBatis 有了一定的了解&#xff0c;今天将…

基于 SSM 的校园一卡通密钥管理系统的用户交互与业务功能集成

摘 要 传统办法管理信息首先需要花费的时间比较多&#xff0c;其次数据出错率比较高&#xff0c;而且对错误的数据进行更改也比较困难&#xff0c;最后&#xff0c;检索数据费事费力。因此&#xff0c;在计算机上安装校园一卡通密钥管理系统软件来发挥其高效地信息处理的作用&a…

Docker 学习总结(84)—— Docker 常用运维命令

版本与信息查询 docker --version:查看安装的Docker版本。 docker info:获取Docker系统的详细配置信息。 镜像管理 docker images:列出本地所有镜像。 docker search IMAGE_NAME:搜索Docker Hub上的镜像。 docker pull IMAGE_NAME[:TAG]:从仓库下载指定镜像。 docker rmi …

C++11新特性之线程std::call_once

C std::call_once std::call_once 的定义与功能 std::call_once 是 C11 标准引入的一种工具&#xff0c;用于确保某段代码只被执行一次&#xff0c;通常用于实现线程安全的单例模式或初始化操作。它结合了 std::once_flag 使用。 核心特点&#xff1a; 线程安全性&#xff…

redis优化编码之字符串

redis 优化编码之字符串 ### 字符串优化 字符串对象是redis内部最常用的数据类型。 所有的键是字符串对象值对象除了整数之外都是使用字符串存储lpush cache:type "redis" "tair" "memcache" "leveldb"创建如上一个链表 需要创建一…