前言
各位元宵节快乐！历经 0.5 坤年，我独立开发的 Steam 云挂卡小程序（蒸汽姬云挂卡）最终还是由于经济压力关闭了。
关闭后，我整理了下 Taro 小程序前端，Strapi 后端代码以及 Figma 设计稿原文件，开源到 Github 上了，各位有能力有兴趣的可以自取进行二次开发部署，允许商用~
项目介绍
steamji | 蒸汽姬云挂卡 , 一款基于 ASF 的24小时免费自动 Steam 挂卡小程序。
特性
- 支持QQ/微信小程序
- 支持 Steam 挂卡/挂时长
- 支持任务中心/硬币兑换中心/邀请送硬币等营销模块
- 支持基于企业微信机器人的消息通知
- 支持管理后台，方便数据管理
架构
Steamji 项目主要由三部分构造
- 使用 Taro 开发的小程序前端（QQ/微信小程序）
- 使用 Strapi 开发的 API 服务后端以及管理后台前端
- 开源的 ASF 挂卡程序
部署
部署 API 服务
- 请确保部署的目标服务器环境已安装如下组件
- NodeJS LTS版本（14，16）
- Postgres 数据库
- 进入server目录
1
cd ./server
- 安装依赖
1
npm install
- 设置环境变量
1
2cp .env.example .env
vi .env - 使用 pm2 运行 server
1
2npm i -g pm2
pm2 start ecosystem.config.js
部署 ASF 服务
- 请确保部署的目标服务器环境已安装如下组件
- Docker
- 进入 server 目录
1
cd ./server
- 将 asf 目录下的配置文件存放到服务器
/home/asf/config下 - 部署 ASF
1
docker run -p 0.0.0.0:2222:1242 -v /home/asf/config:/app/config --name asf --pull always justarchi/archisteamfarm
- 打开 Steamji 管理后台, 将新部署的 ASF 服务地址，添加到Content-Type Server下
部署小程序
- 进入 miniapp 目录
1
cd ./miniapp
- 安装依赖
1
npm install
- 打开
.\src\constants\endpoints.js, 将https://exmple.com/api更改为你部署的 API 服务地址 - 编译QQ小程序
1
npm run build:qq
- 编译微信小程序
1
npm run build:weapp
- 使用微信/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