Image Uploader

Carregador de imagens

Um uploader de imagens auto-hospedado e de código aberto
Explore os documentos »

Dockerhub Frontend · Dockerhub Backend · Reportar bug · Solicitar recurso

Índice

1. Sobre o projeto
   • Construído com
2. Começando
   • Hospedando-o com Docker
   • Configurando
   • Execute o arquivo docker
   • Alterando o URL
   • Hospedagem com Node
   • Execute o arquivo docker
   • Alterando o URL
3. Roteiro
4. Contribuindo
5. Licença
6. Contato

Sobre o projeto

Já existem alguns uploaders de imagens na internet, porém não encontrei nenhum uploader totalmente open source, leve e feito para auto-hospedagem. Então eu mesmo criei um e espero que você goste.

Você também pode sugerir alterações bifurcando este repositório e criando uma solicitação pull ou abrindo um problema. Obrigado a todas as pessoas que contribuíram para a expansão deste projeto!

Construído com

Aqui está uma lista dos principais frameworks que usei para este projeto.

• Reagir
• Expressar
• UI do material

Começando

Existem duas maneiras de hospedar este projeto. Você pode usar o docker ou hospedá-lo com o node. Eu sugiro hospedá-lo com o docker, pois é mais flexível.

Hospedando-o com Docker

Configurando

Para hospedar o projeto você precisará criar um arquivo docker-compose. Esses arquivos combinam várias imagens do docker para interagir entre si.

O arquivo precisa ser chamado docker-compose.yml e cole o seguinte código no arquivo.

Insira em 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 

Execute o arquivo docker

Depois de terminar de configurar o arquivo, você pode prosseguir e executá-lo com

1. Prédio

   docker-compose build

2. Hospedando o projeto

   docker-compose up

Alterando o URL

Caso queira hospedar o projeto sem Docker você também pode fazer isso.

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

Depois disso, você estará pronto para hospedá-lo em seu domínio personalizado

Hospedagem com Node

Executando o projeto

Essa é a opção para quem não quer hospedá-lo no docker.

1. Vá para o diretório backend com um terminal/powershell

    cd backend/

2. Instale o pacote npm serve para hospedar o projeto

   npm install -g serve

3. Construa e execute-o

   npm run build

Alterando o URL

Caso você queira alterar a URL você deve alterar as variáveis ​​​​env.

1. Vá para o diretório frontend e abra o arquivo .env
2. Altere API_URL e CLIENT_URL para seu caso de uso específico

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

Depois disso, você estará pronto para hospedá-lo em seu domínio personalizado

Roteiro

Consulte os problemas em aberto para obter uma lista dos recursos propostos (e dos problemas conhecidos).

Contribuindo

As contribuições são o que tornam a comunidade de código aberto um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada .

1. Bifurque o projeto
2. Crie sua ramificação de recursos ( git checkout -b feature/AmazingFeature )
3. Confirme suas alterações ( git commit -m 'Add some AmazingFeature' )
4. Enviar para a filial ( git push origin feature/AmazingFeature )
5. Abra uma solicitação pull

Licença

Distribuído sob a licença MIT. Consulte LICENSE para obter mais informações.

Contato

Valentin Zwerschke - @vallezw

Link do projeto: github.com/vallezw/Image-Uploader