php寶塔搭建MineAdminVue開源Hyperf架構背景權限管理系統源碼

大家好啊，我是測評君，歡迎來到web測評。

有個朋友前幾天發消息給我，讓我錄制一個開源基于Swoole的背景管理系統搭建教程視訊，是以抽時間研究了一下搭建部署流程，現在分享給大家。

系統介紹

• 這是一套基于Hyperf架構開發的系統，企業級架構分層，輕松支撐創業公司及個人前期發展使用，使用少量的伺服器資源媲美靜态語言的性能。
• 前端使用Vue3 + Vite3 + Pinia + Arco，一端适配PC、移動端、平闆。企業和個人可以商業使用。

技術架構

• 技術：Vue3 + Vite3 + Pinia + Arco + Swoole + PHP8 + Mysql5.7 + NodeJs + Composer + Redis + RabbitMQ
• 環境（建議使用寶塔面闆一鍵搭建lnmp）：
• 系統：Linux
• Nginx >=1.20
• PHP擴充 fileinfo，redis，Swoole4

後端搭建教程

1. 下載下傳源碼，解析三個域名（接口端、後端界面端、消息發送接收端），寶塔添加三個站點，PHP版本選擇純靜态，建立一個資料庫，PHP擴充安裝redis、fileinfo、Swoole4，删除以下PHP禁用函數：

putenv
shell_exec
proc_open
pcntl_ 開頭的函數           

1. 打開PHP8配置檔案，在最尾部一行添加：

swoole.use_shortname = 'Off'           

1. 寶塔建立資料庫，壓縮本地mineadmin目錄，上傳到寶塔的背景接口目錄中解壓縮，按照以下指令安裝後端：

# 安裝依賴
composer install
# 顯示安裝歡迎語之後，然後按照提示一步步完成安裝。一些跟自己的預設值相同的可以按 `回車` 跳過
php bin/hyperf.php mine:install
# 沒有任何資料未連接配接成功等相關報錯，遇到以下提示後，按 ctrl+c 關閉服務，重新開機執行安裝指令
# 再輸入以下指令進行第二遍安裝：建立資料表和填充表初始資料，提示以下語句後，按 回車 執行即可
php bin/hyperf.php mine:install

# 啟動後端
# 開發環境可以使用熱更新方式來啟動，在根目錄執行下面的啟動指令即可 （生産環境不要用熱更新）
php watch -c
# 生産環境啟動指令
php bin/hyperf.php start           

1. 打開後端接口的域名nginx配置檔案，配置以下反向代理規則：

# PHP後端代理，這裡的 /prod/ 要跟前端 .env.production 的 VITE_APP_PROXY_PREFIX 值一緻
  location /prod/ {
      # 将用戶端的 Host 和 IP 資訊一并轉發到對應節點
      proxy_set_header Host $http_host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      # 将協定架構轉發到對應節點，如果使用非https請改為http
      proxy_set_header X-scheme https;

      # 執行代理通路真實伺服器
      proxy_pass http://127.0.0.1:9501/;
  }
  # ^~ 不能去掉，/upload/ 中的 upload 可以改成其他名稱
location ^~ /upload/ {
    # 将用戶端的 Host 和 IP 資訊一并轉發到對應節點
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    # 将協定架構轉發到對應節點，如果使用非https請改為http
    proxy_set_header X-scheme https;

    # 執行代理通路真實伺服器
    proxy_pass http://127.0.0.1:9501/;
}           

1. 打開消息接收端的nginx，配置以下規則：

location / {
    # WebSocket Header
    proxy_http_version 1.1;
    proxy_set_header Upgrade websocket;
    proxy_set_header Connection "Upgrade";

    # 将用戶端的 Host 和 IP 資訊一并轉發到對應節點
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;

    # 用戶端與服務端無互動 60s 後自動斷開連接配接，請根據實際業務場景設定
    proxy_read_timeout 60s ;

    # 執行代理通路真實伺服器
    proxy_pass http://127.0.0.1:9502/;
  }           

前端搭建教程

1. vscode打開mineadminvue目錄，npm指令如下：

# 安裝依賴
yarn install
# 本地啟動
yarn run serve
# 打包後前端輸出到 dist 目錄，打包後把此目錄的檔案上傳到伺服器即可。
yarn build           

1. 我們還需要對前端通路圖檔位址進行設定，打開 src/config/upload.js 檔案，修改 LOCAL 的值：

export default {
  storage: {
    // 後面的 upload 要跟 nginx 的代理配置路徑一緻
    LOCAL: 'http://demo.xxx.com/upload',
    OSS: '',
    COS: '',
    QINIU: ''
  }
}           

1. 修改前端根目錄下.env.development與.env.production檔案下的接口配置資訊。
2. 前端代碼釋出上寶塔後，還需要在nginx配置反向代理規則：

location / {
      try_files $uri $uri/ /index.html;
      index index.html;
  }
  # PHP後端代理，這裡的 /prod/ 要跟前端 .env.production 的 VITE_APP_PROXY_PREFIX 值一緻
  location /prod/ {
      # 将用戶端的 Host 和 IP 資訊一并轉發到對應節點
      proxy_set_header Host $http_host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      # 将協定架構轉發到對應節點，如果使用非https請改為http
      proxy_set_header X-scheme https;
      # 執行代理通路真實伺服器
      proxy_pass http://127.0.0.1:9501/;
  }           

1. 常見問題詳見官方文檔。

系統實測截圖

擷取方式

//ceping.club/1162.html