Image Uploader

Bild-Uploader

Ein selbstgehosteter Open-Source-Bild-Uploader
Entdecken Sie die Dokumente »

Dockerhub-Frontend · Dockerhub-Backend · Fehler melden · Funktion anfordern

Inhaltsverzeichnis

1. Über das Projekt
   • Gebaut mit
2. Erste Schritte
   • Hosten Sie es mit Docker
   • Einrichten
   • Führen Sie die Docker-Datei aus
   • Ändern der URL
   • Hosting mit Node
   • Führen Sie die Docker-Datei aus
   • Ändern der URL
3. Roadmap
4. Mitwirken
5. Lizenz
6. Kontakt

Über das Projekt

Es gibt bereits einige Bild-Uploader im Internet, ich habe jedoch keinen Uploader gefunden, der vollständig Open Source, leichtgewichtig und für das Selbsthosting geeignet ist. Deshalb habe ich selbst eines erstellt und hoffe, dass es Ihnen gefällt.

Sie können auch Änderungen vorschlagen, indem Sie dieses Repo forken und eine Pull-Anfrage erstellen oder ein Problem eröffnen. Vielen Dank an alle Menschen, die zur Erweiterung dieses Projekts beigetragen haben!

Gebaut mit

Hier eine Liste der wichtigsten Frameworks, die ich für dieses Projekt verwendet habe.

• Reagieren
• Äußern
• Material-UI

Erste Schritte

Es gibt zwei Möglichkeiten, dieses Projekt zu hosten. Sie können entweder Docker verwenden oder es mit Node hosten. Ich würde dringend empfehlen, es mit Docker zu hosten, da es flexibler ist.

Hosten Sie es mit Docker

Einrichten

Um das Projekt zu hosten, müssen Sie eine Docker-Compose-Datei erstellen. Diese Dateien kombinieren mehrere Docker-Images, um miteinander zu interagieren.

Die Datei muss docker-compose.yml heißen und den folgenden Code in die Datei einfügen.

In docker-compose.yml einfügen:

 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 

Führen Sie die Docker-Datei aus

Sobald Sie mit dem Einrichten der Datei fertig sind, können Sie mit der Ausführung fortfahren

1. Gebäude

   docker-compose build

2. Hosting des Projekts

   docker-compose up

Ändern der URL

Falls Sie das Projekt ohne Docker hosten möchten, können Sie dies auch tun.

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

Danach können Sie loslegen und es auf Ihrer benutzerdefinierten Domain hosten

Hosting mit Node

Ausführen des Projekts

Dies ist die Option für diejenigen, die es nicht mit Docker hosten möchten.

1. Gehen Sie mit einem Terminal/Powershell in das Backend-Verzeichnis

    cd backend/

2. Installieren Sie das npm-Serve-Paket, um das Projekt zu hosten

   npm install -g serve

3. Erstellen Sie es und führen Sie es aus

   npm run build

Ändern der URL

Falls Sie die URL ändern möchten, müssen Sie die Umgebungsvariablen ändern.

1. Gehen Sie in das Frontend-Verzeichnis und öffnen Sie die .env Datei
2. Ändern Sie die API_URL und die CLIENT_URL entsprechend Ihrem spezifischen Anwendungsfall

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

Danach können Sie loslegen und es auf Ihrer benutzerdefinierten Domain hosten

Roadmap

Eine Liste der vorgeschlagenen Funktionen (und bekannten Probleme) finden Sie unter „Offene Probleme“.

Mitwirken

Beiträge machen die Open-Source-Community zu einem so wunderbaren Ort zum Lernen, Inspirieren und Schaffen. Jeder Beitrag, den Sie leisten, wird sehr geschätzt .

1. Forken Sie das Projekt
2. Erstellen Sie Ihren Feature-Zweig ( git checkout -b feature/AmazingFeature )
3. Übernehmen Sie Ihre Änderungen ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Öffnen Sie eine Pull-Anfrage

Lizenz

Verteilt unter der MIT-Lizenz. Weitere Informationen finden Sie unter LICENSE .

Kontakt

Valentin Zwerschke - @vallezw

Projektlink: github.com/vallezw/Image-Uploader