Image Uploader

画像アップローダー

オープンソースの自己ホスト型画像アップローダー
ドキュメントを確認する »

Dockerhub フロントエンド · Dockerhub バックエンド · バグ報告 · 機能リクエスト

目次

1. プロジェクトについて
   • で構築
2. はじめる
   • Dockerでホストする
   • セットアップする
   • docker ファイルを実行する
   • URLの変更
   • ノードによるホスティング
   • docker ファイルを実行する
   • URLの変更
3. ロードマップ
4. 貢献する
5. ライセンス
6. 接触

プロジェクトについて

インターネット上にはすでにいくつかの画像アップローダーがありますが、完全にオープンソースで軽量、セルフホスティング用に作られたアップローダーは見つかりませんでした。それで私は自分でそれを作成しました、そしてあなたがそれを楽しんでくれることを願っています。

このリポジトリをフォークしてプル リクエストを作成するか、問題をオープンして、変更を提案することもできます。このプロジェクトの拡大に​​貢献してくれたすべての人々に感謝します。

で構築

このプロジェクトで使用した主なフレームワークのリストを次に示します。

• 反応する
• 急行
• マテリアル-UI

はじめる

このプロジェクトをホストするには 2 つの方法があります。 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

URLの変更

Docker を使用せずにプロジェクトをホストしたい場合は、それも可能です。

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

その後、カスタム ドメインでホストすることができます。

ノードによるホスティング

プロジェクトの実行

これは、docker でホストしたくない人のためのオプションです。

1. ターミナル/powershell を使用してバックエンド ディレクトリに移動します。

    cd backend/

2. プロジェクトをホストするために npmserve パッケージをインストールします

   npm install -g serve

3. ビルドして実行する

   npm run build

URLの変更

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