Image Uploader

圖片上傳器

開源、自架的圖像上傳器
探索文件 »

Dockerhub 前端 · Dockerhub 後端 · 報告錯誤 · 請求功能

目錄

1. 關於該項目
   • 內建
2. 入門
   • 使用 Docker 託管
   • 設定它
   • 運行docker文件
   • 更改網址
   • 使用節點託管
   • 運行docker文件
   • 更改網址
3. 路線圖
4. 貢獻
5. 執照
6. 接觸

關於該項目

網路上已經有一些圖像上傳器，但是，我沒有找到任何完全開源、輕量級且專為自架而設計的上傳器。所以我自己創建了一個，希望你喜歡它。

您也可以透過分叉此儲存庫並建立拉取請求或提出問題來建議變更。感謝所有為擴大這個項目做出貢獻的人！

內建

這是我在這個專案中使用的主要框架的清單。

• 反應
• 表達
• 材質-UI

入門

如何主持這個專案有兩種方法。您可以使用 docker 或使用 Node 來託管它。我強烈建議使用 docker 來託管它，因為它更靈活。

使用 Docker 託管

設定它

為了託管該項目，您需要建立一個 docker-compose 檔案。這些檔案組合了多個 docker 映像以相互互動。

該檔案需要命名為docker-compose.yml將以下程式碼貼到該檔案中。

在docker-compose.yml中插入：

 version : " 3.8 "
services :
    frontend :
        image : vallezw/image-uploader-client
        ports :
            - " 80:80 "
        environment :
            - " API_URL=http://localhost:5000 "
            - " CLIENT_URL=http://localhost "
        
    backend :
        image : vallezw/image-uploader-backend 
        ports :
            - " 5000:5000 "
        volumes :
            - .upload/:/usr/src/app/upload 

運行docker文件

完成文件設定後，您可以繼續運行它

1. 大樓

   docker-compose build

2. 主持項目

   docker-compose up

更改網址

如果您想在沒有 Docker 的情況下託管項目，您也可以這樣做。

...
environment :
    - " API_URL=http://your_api_url:your_port "
    - " CLIENT_URL=http://your_client_url:your_port "

之後，您就可以將其託管在您的自訂網域上

使用節點託管

運行專案

對於不想使用 docker 託管它的人來說，這是一個選擇。

1. 使用terminal/powershell進入後端目錄

    cd backend/

2. 安裝 npm 服務包來託管項目

   npm install -g serve

3. 建置並運行它

   npm run build

更改網址

如果您想更改 URL，則必須更改環境變數。

1. 進入前端目錄並開啟.env文件
2. 將API_URL和CLIENT_URL變更為您的特定用例

    API_URL = http://your_api_url:your_port
    CLIENT_URL = http://your_client_url:your_port

之後，您就可以將其託管在您的自訂網域上

路線圖

請參閱未決問題以取得建議功能（和已知問題）的清單。

貢獻

正是貢獻使開源社群成為學習、啟發和創造的絕佳場所。我們非常感謝您所做的任何貢獻。

1. 分叉項目
2. 建立您的功能分支（ git checkout -b feature/AmazingFeature ）
3. 提交您的更改（ git commit -m 'Add some AmazingFeature' ）
4. 推到分支（ git push origin feature/AmazingFeature ）
5. 打開拉取請求

執照

根據 MIT 許可證分發。請參閱LICENSE以了解更多資訊。

接觸

Valentin Zwerschke - @vallezw

專案連結：github.com/vallezw/Image-Uploader