「steamji | 蒸汽姬云挂卡」基于 ASF 的多端 Steam 云挂卡小程序

前言

各位元宵节快乐！历经 0.5 坤年，我独立开发的 Steam 云挂卡小程序（蒸汽姬云挂卡）最终还是由于经济压力关闭了。
关闭后，我整理了下 Taro 小程序前端，Strapi 后端代码以及 Figma 设计稿原文件，开源到 Github 上了，各位有能力有兴趣的可以自取进行二次开发部署，允许商用~

项目介绍

steamji | 蒸汽姬云挂卡 , 一款基于 ASF 的24小时免费自动 Steam 挂卡小程序。

特性

• 支持QQ/微信小程序
• 支持 Steam 挂卡/挂时长
• 支持任务中心/硬币兑换中心/邀请送硬币等营销模块
• 支持基于企业微信机器人的消息通知
• 支持管理后台，方便数据管理

架构

Steamji 项目主要由三部分构造

1. 使用 Taro 开发的小程序前端（QQ/微信小程序）
2. 使用 Strapi 开发的 API 服务后端以及管理后台前端
3. 开源的 ASF 挂卡程序

部署

部署 API 服务

0. 请确保部署的目标服务器环境已安装如下组件
   1. NodeJS LTS版本（14，16）
   2. Postgres 数据库

1. 进入server目录

   cd ./server

2. 安装依赖

   npm install

3. 设置环境变量

   cp .env.example .env
   vi .env

4. 使用 pm2 运行 server

   npm i -g pm2
   pm2 start ecosystem.config.js

部署 ASF 服务

0. 请确保部署的目标服务器环境已安装如下组件
   1. Docker

1. 进入 server 目录

   cd ./server

2. 将 asf 目录下的配置文件存放到服务器 /home/asf/config下

3. 部署 ASF

   docker run -p 0.0.0.0:2222:1242 -v /home/asf/config:/app/config --name asf --pull always justarchi/archisteamfarm

4. 打开 Steamji 管理后台, 将新部署的 ASF 服务地址，添加到Content-Type Server下

部署小程序

1. 进入 miniapp 目录

   cd ./miniapp

2. 安装依赖

   npm install

3. 打开 .\src\constants\endpoints.js, 将 https://exmple.com/api 更改为你部署的 API 服务地址

4. 编译QQ小程序

   npm run build:qq

5. 编译微信小程序

   npm run build:weapp

6. 使用微信/QQ小程序开发者工具上传编译后的代码然后提审

预览图

设计稿

• 设计稿源文件存放在 figma 目录，可以使用 Figma 打开
• 在线预览地址:
  https://www.figma.com/file/cjaGfDgFVzC8JujUiUKaWF/%E8%92%B8%E6%B1%BD%E5%A7%AC.%E4%BA%91%E6%8C%82%E5%8D%A1?type=design&node-id=0%3A1&mode=dev&t=jlllmERwiFBFflc0-1

结语

• 此项目是个人独立开发项目，由于没能盈利（项目失败），所以将源码开源
• 此项目不会进行后期维护, 建议各位 fork 后自行维护以及进行二次开发
• Github 地址
  https://github.com/beilunyang/steamji