h5ai를 heroku에 배포하고 git을 저장소로 사용

h5ai!

h5ai는 파일에 중점을 둔 HTTP 웹 서버용 최신 파일 인덱서입니다. 디렉토리는 매력적인 방식으로 표시되며 다양한 보기, 이동 경로 및 트리 개요를 통해 탐색이 향상됩니다. 처음에 h5ai는 HTML5 Apache Index의 약어였지만 지금은 다른 웹 서버도 지원합니다.

h5ai 배포

포크 h5ai on heroku using git as a storage!
이 앱의 전체 파일 구조는 다음과 같습니다.

your git repo folder
  ├─ .gitignore
  ├─ composer.json
  ├─ composer.lock
  ├─ Procfile
  └─ web
      ├─ _h5ai
      ├─ your files
      ├─ and folders
      ├─ more folder or files
      └─ .htaccess

Heroku에서 - heroku dyno 공유 스토리지 사용

heroku cli를 사용하여 배포

$ git remote set-url origin <your heroku app git url>
# Put your Files and Folders under web/ directory
$ git commit -m "update files"
$ git push heroku master

GitHub에서 - 100MB 파일 크기 제한 저장소 크기 제한 100GB

heroku 앱을 열고 배포로 이동하여 포크된 저장소를 선택합니다.
github 웹 인터페이스 또는 CLI를 사용하여 파일 업로드

# Put your Files and Folders under web/ directory
$ git commit -m "update files"
$ git push 

Gitlab에서 -1GB 파일 크기 제한 10GB 저장소 크기 제한

프로젝트를 gitlab 계정으로 가져오고 프로젝트 저장소 내에 .gitlab-ci.yml을 만듭니다.
아래 코드를 .gitlab-ci.yml에 복사합니다.

heroku:
 stage: deploy

 script:
 - apt-get update -qy
 - apt-get install -y ruby-dev
 - gem install dpl
 - dpl --provider=heroku --app=$HEROKU_APP_PRODUCTION --api-key=$HEROKU_API_KEY

 only:
 - master

프로젝트 설정> CI/CD> 변수로 이동하여 두 개의 CI/CD 변수를 생성해야 합니다.

$HEROKU_APP_PRODUCTION #Name of your app
$HEROKU_API_KEY # heroku account api key get it from your heroku account settings

github 웹 인터페이스 또는 CLI를 사용하여 파일 업로드

# Put your Files and Folders under web/ directory
$ git commit -m "update files"
$ git push 

즐기다!