随心而记
338 字
2 分钟
Steam 家庭共享库预览 - 客户端设计与实现
2024-05-31
发布时间
2024-07-31
最后更新时间
分类
标签

2024 年 7 月 31 日更新内容:

复活了


2024 年 7 月 26 日更新内容:

暂时停止服务,原因见此


地址: https://www.steamhome.xyz

客户端的开发较为简单,我在这里大致讲一下背后的流程。

首先,进入页面先向后台发送请求看是否有可用的 Steam Key,如果没有的话,提示用户输入自己的 key,并且右上角状态图标发生改变,用于提示用户。

如果用户输入了可用的 key 则判断 key 是否可用,如果可用则改变状态,提示用户可以填写 Steam id 进行查询。

在用户填写了 steam id 后进行请求,将多个玩家的游戏库存进行并集操作,并记录每一个游戏被哪个玩家拥有(用一个字段记录subordinate),然后右侧表格进行渲染,表格行为单个游戏,列为玩家,交叉出用刚刚记录的subordinate 判断该玩家是否拥有这款游戏。游戏名称小眼睛 icon 点击后提供该玩家进入这个家庭后能玩到哪些不属于 Ta 的游戏,实现逻辑也是使用了subordinate 字段。

预览#

  1. 首页

Untitled

  1. 添加

Untitled

  1. 添加成功信息提示

Untitled

  1. 查看玩家能游玩的新游戏列表

Untitled

  1. 其他

Untitled

Untitled

Untitled

Steam 家庭共享库预览 - 客户端设计与实现
https://www.promises.top/posts/steamshared/client-side-design-and-implementation/
作者
发布于
2024-05-31
许可协议
CC BY-NC-SA 4.0