#영상 스트리밍02 - 인코딩 서버 구축01

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
    implementation 'org.springframework.boot:spring-boot-starter-mustache'
    implementation 'org.springframework.boot:spring-boot-starter-web'
    developmentOnly 'org.springframework.boot:spring-boot-devtools'
    compileOnly 'org.projectlombok:lombok'
    annotationProcessor 'org.projectlombok:lombok'
    // 나중 배포를 위해서 필요
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    testImplementation 'org.springframework.restdocs:spring-restdocs-mockmvc'
    testRuntimeOnly 'org.junit.platform:junit-platform-launcher'
    // s3를 위한 의존성
    implementation 'software.amazon.awssdk:s3:2.17.96'
    // 프로젝트 환경변수 셋업 툴
    implementation 'io.github.cdimascio:java-dotenv:5.2.2'
}

server:
  servlet:
    encoding:
      charset: utf-8
      force: true
    # url rewrite ?? ??
    session:
      tracking-modes: cookie
  // 포트 번호는 마음대로 해도 되지만, 7000번으로 설정해서 사용하자
  port: 7000

spring:
  // .env를 여기서 import하면 여기 변수를 @Value로 끌어다 쓸 수 있다. 
  # .env import
  config:
    import: optional:file:.env[.properties]
  datasource:
    driver-class-name: org.h2.Driver
    url: jdbc:h2:mem:test;MODE=MySQL
    username: sa
    password:
  h2:
    console:
      enabled: true
  sql:
    init:
      mode: always
      data-locations:
        - classpath:db/data.sql

  jpa:
    hibernate:
      ddl-auto: create
    show-sql: true
    properties:
      hibernate:
        format_sql: true
        default_batch_fetch_size: 10
    defer-datasource-initialization: true
    open-in-view: true
  servlet:
    multipart:
	    // 앱 서버에서 넘올때 허용할 파일 용량 설정 
      max-file-size: 2000MB
      max-request-size: 2000MB

function uploadFile(file, uploadBtn) {
    var formData = new FormData();
    formData.append('file', file);

		// 인코딩 서버의 엔드포인트에 Post요청을 한다.  
    fetch('http://localhost:7000/upload', {
        method: 'POST',
        body: formData
    })
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok ' + response.statusText);
            }
            return response.text();
        })
        .then(data => {
			      // 영상 업로드가 완료되면 alert창을 띄운다.
            alert('영상 업로드가 완료되었습니다.');
            console.log(data);
            uploadBtn.textContent = '업로드 완료';
            uploadBtn.classList.remove('shimmering');
            uploadBtn.classList.add('upload-complete');
        })
        .catch(error => {
            alert('File upload failed');
            console.error('There was a problem with the fetch operation:', error);
        });
}