338 字
2 分钟
Steam 家庭共享库预览 - 客户端设计与实现
2024 年 7 月 31 日更新内容:
复活了
2024 年 7 月 26 日更新内容:
暂时停止服务,原因见此
客户端的开发较为简单,我在这里大致讲一下背后的流程。
首先,进入页面先向后台发送请求看是否有可用的 Steam Key,如果没有的话,提示用户输入自己的 key,并且右上角状态图标发生改变,用于提示用户。
如果用户输入了可用的 key 则判断 key 是否可用,如果可用则改变状态,提示用户可以填写 Steam id 进行查询。
在用户填写了 steam id 后进行请求,将多个玩家的游戏库存进行并集操作,并记录每一个游戏被哪个玩家拥有(用一个字段记录subordinate
),然后右侧表格进行渲染,表格行为单个游戏,列为玩家,交叉出用刚刚记录的subordinate
判断该玩家是否拥有这款游戏。游戏名称小眼睛 icon 点击后提供该玩家进入这个家庭后能玩到哪些不属于 Ta 的游戏,实现逻辑也是使用了subordinate
字段。
预览
- 首页
- 添加
- 添加成功信息提示
- 查看玩家能游玩的新游戏列表
- 其他
Steam 家庭共享库预览 - 客户端设计与实现
https://www.promises.top/posts/front/steamshared/client-side-design-and-implementation/