Image Uploader

이미지 업로더

오픈 소스, 자체 호스팅 이미지 업로더
문서 살펴보기 »

Dockerhub 프론트엔드 · Dockerhub 백엔드 · 버그 신고 · 기능 요청

목차

1. 프로젝트 소개
   • 다음으로 제작됨
2. 시작하기
   • Docker로 호스팅하기
   • 설정하기
   • 도커 파일 실행
   • URL 변경
   • 노드를 이용한 호스팅
   • 도커 파일 실행
   • URL 변경
3. 로드맵
4. 기여
5. 특허
6. 연락하다

프로젝트 소개

인터넷에는 이미 몇 가지 이미지 업로더가 있지만 완전히 오픈 소스이고 가벼우며 자체 호스팅용으로 만들어진 업로더는 찾지 못했습니다. 그래서 제가 직접 하나 만들어 보았는데, 재미있게 즐겨주셨으면 좋겠습니다.

이 리포지토리를 포크하고 끌어오기 요청을 생성하거나 이슈를 열어 변경 사항을 제안할 수도 있습니다. 이 프로젝트를 확장하는 데 기여해주신 모든 분들께 감사드립니다!

다음으로 제작됨

다음은 이 프로젝트에 사용한 주요 프레임워크 목록입니다.

• 반응하다
• 표현하다
• 머티리얼 UI

시작하기

이 프로젝트를 호스팅하는 방법에는 두 가지가 있습니다. docker를 사용하거나 node.js로 호스팅할 수 있습니다. 더 유연하기 때문에 docker를 사용하여 호스팅하는 것이 좋습니다.

Docker로 호스팅하기

설정하기

프로젝트를 호스팅하려면 docker-compose 파일을 생성해야 합니다. 이러한 파일은 여러 도커 이미지를 결합하여 서로 상호 작용합니다.

파일 이름은 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 

도커 파일 실행

파일 설정이 완료되면 계속해서 실행할 수 있습니다.

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. 프로젝트를 호스팅하려면 npm Serve 패키지를 설치하세요.

   npm install -g serve

3. 빌드 및 실행

   npm run build

URL 변경

URL을 변경하려면 env 변수를 변경해야 합니다.

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 참조하세요.

연락하다

발렌틴 Zwerschke - @vallezw

프로젝트 링크: github.com/vallezw/Image-Uploader