?? 核心功能亮點（H2）

1. 開箱系統（H3）支持CSGO皮膚概率算法配置，自定義箱品種類內置高仿真開箱動畫，提升用戶沉浸體驗結合「追夢模式」實現稀有皮膚掉落公示
2. 競技生態體系（H3）多人ROLL房對戰系統：用戶組隊開箱PK勝率機器人自動對戰：7×24小時活躍平臺氛圍段位積分排行榜：刺激用戶留存與復購
3. 交易閉環系統（H3）Steam自動發貨：秒級到賬無需人工介入皮膚回收中心：用戶閑置道具兌換積分積分商城系統：支持道具置換/實物兌換

?? 技術架構優勢（H2）

• 前端：Vue3.0開發，響應式布局適配PC/移動端
• 后端：PHP8高性能接口，支持萬人并發開箱
• 數據庫：MySQL讀寫分離+Redis緩存加速
• SEO友好：自動生成sitemap/靜態URL/TDK自定義

?? 適合人群（H2）

• 游戲創業公司：快速搭建電競開箱平臺
• 游戲社區站長：現有用戶流量變現利器
• 開發團隊：提供完整可二次開發源碼

搭建教程

1.安裝系統9

2.安裝寶塔控制面板，寶塔安裝完畢后 安裝4，nginx 版本不限制，MySQL 版本5.7及已上，redis 5.0 以及以上版本，Supervisor管理器。

3 安裝PHP fileinfo、opcache、redis擴展

4.修改PHP配置文件/www/server/php/74/etc/php.ini，312行：disable_functions = passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv

改為：

disable_functions=?passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,imap_open,apache_setenv

5.即時通訊在這個目錄 /www/server/GatewayWorker 轉移時整個目錄打包轉移到別的寶塔即可

6.新建即時通訊服務文件 /lib/systemd/system/workerman.service 輸入以下內容

[Unit]

Description=workerman

After=network.target

[Service]

Type=forking

ExecStart=/www/server/php/74/bin/php /www/server/GatewayWorker/start.php start -d

ExecReload=/www/server/php/74/bin/php /www/server/GatewayWorker/start.php restart

ExecStop=/www/server/php/74/bin/php /www/server/GatewayWorker/start.php stop

PrivateTmp=true

RemainAfterExit=yes

[Install]

WantedBy=multi-user.target

保存。

7.啟動即時通訊服務：systemctl start workerman

Php start.php start -d

查看服務狀態：

下圖為正常狀態

狀態正常輸入：systemctl?enable?workerman 開機自啟

8.寶塔創建數據庫，比如 csgo0925, ssh端登錄輸入庫 導入sql文件，這一步也可以通過寶塔的數據備份和上傳導入實現，同樣的效果，下面演示命令行導入。

mysql -uroot -p

出現Enter password 輸入mysql root密碼，可在寶塔->數據庫->root密碼獲得

登錄成功圖

然后輸入 use csgo0925 ???csgo0925是在寶塔創建的數據庫名稱

然后輸入source /www/wwwroot/csgo0917_20220925_212523.sql??導入數據庫

9修改/www/wwwroot/api/.env 配置文件

DB_DATABASE=csgo0925?數據庫

DB_USERNAME=csgo0925?數據庫用戶名

DB_PASSWORD=PPHDKfbHZeGnjfCj?數據庫密碼

10執行cd /www/wwwroot/api 到根目錄 執行 php artisan optimize 使配置生效 每次修改配置文件都需要執行此命令重載配置緩存

11.寶塔添加網站 輸入域名 根目錄指向 /www/wwwroot/api/public 點擊提交

進入 /www/wwwroot/api/public

修改.user.ini文件內容為 open_basedir=/www/wwwroot/api/:/tmp/

點擊寶塔網站設置 偽靜態 輸入

location / {

try_files $uri $uri/ /index.php$is_args$query_string;

}

location /uploads/temp/ {

add_header Content-Disposition “attachment;”;

}

location /wss {

proxy_pass http://127.0.0.1:8080;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header Host $host;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection “upgrade”;

proxy_redirect off;

}

保存

重啟PHP 服務 重啟 Nginx

12.寶塔新建計劃任務

任務類型 shell腳本

名稱隨意

執行周期 N分鐘 ?1分鐘

腳本內容 cd /www/wwwroot/api && php artisan schedule:run >> /dev/null 2>&1

13.寶塔->軟件商店->已安裝->Supervisor管理器->設置->添加守護進程

名稱：TopHis

啟動用戶：www

運行目錄：/www/wwwroot/api/

啟動命令：php artisan queue:work

進程數量：8

再添加一個

名稱隨意：Robots

啟動用戶：www

運行目錄：/www/wwwroot/api/

啟動命令：php artisan ue:task

進程數量：1

后端架設完成

http://域名/u1csgo_0908_admin

賬號：admin

密碼：111111

前端

## CSGO

## 修改更換的時候需要更改的

api文件夾內的index請求域名

socket.js內修改實時通訊域名

layout > swiperUser 內的steam登錄跳轉地址

最外部vue.config修改開發環境域名

## 環境安裝

vue2.0

node 12 以上的 ?16以下 最好是16

git

## 進入開發環境

npm i // 全局安裝

npm run serve // 進入幻境 進行編寫代碼

npm run build // 打包 生成在dist文件進行發給后端進行上線

## 文件夾

public > uni.webview.1.5.4.js 是一個打包APP必用的東西

操作文檔

https://a-lyc.github.io/A-lyc/2022/10/09/uniapp/uniapp%E5%AE%9E%E7%8E%B0%E5%83%8F%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%80%E6%A0%B7%E5%89%8D%E8%BF%9B%E5%90%8E%E9%80%80%E7%9A%84%E5%8A%9F%E8%83%BD/

api：接口文檔 ?對應這views內的請求，單獨的請求單獨的寫了 ，哪一個頁面使用就引入，沒有做全局引入

assets：圖片，公用js,css，圖標圖片分了三個文件夾，音樂，等文件

common：全局開放文件 ?都是全局注冊的我呢見 金幣圖標在里面

i18n：只要不涉及國際化 盡量不要動

layout：最外部文件 包裹住的 ??header ?footer ?contemt sild 登陸注冊彈窗， 就是頭部底部非頁面彈窗，登陸注冊，紅包……

router：路由 ?一定按照當前路由編寫，name字段不要輕易更改

store：狀態管理 ?vuex ?保存狀態的

utils：token ?保存瀏覽器的一點東西

views：頁面組件

404

compound：置換

CSGO：首頁 ?詳情頁使用了active-beam-V2.vue

help：幫助中心 ?沒有用到 ??一個列表 和詳情頁

history：沒用到 ?這個是看一個個人開箱歷史的頁面

lucky：拉貨

memderVip：VIP

mysteryBox：對戰，盡量不要修改

NewActivities：新人活動

outOfTheFree：福利箱子

packsack：背包

rollHome：ROLL房間

shopping：商城

TaskIn：福利中心，紅包什么的東西

user：個人中心

permission.js // 路由導航守衛，這個項目起來之后 ?幾乎不用動了

settings.js // 網站名稱修改的一個文件

修改站名的時候記得修改package.json里面的name字段

寶塔新建站點 php版本選擇純靜態 點擊提交

點擊剛剛創建的站點的設置->偽靜態

輸入：

location / {

index index.html;

try_files $uri $uri/ /index.html$is_args$args;

}

提交

前端搭建完成，代碼在 /www/wwwroot/csgo