SpringBoot 앱을 최대한 쉽게 Heroku에 배포 ①

SpringBoot 앱을 최대한 쉽게 Heroku에 배포



이 기사의 목적


  • 현대적인 개발을 모르는 SIer가 간단한 앱을 만들기 위한 첫 번째 단계.
  • 우선은 Github에 업로드하는 곳까지.

  • 환경



    자바


    >java -version
    openjdk version "11.0.1" 2018-10-16
    OpenJDK Runtime Environment 18.9 (build 11.0.1+13)
    OpenJDK 64-Bit Server VM 18.9 (build 11.0.1+13, mixed mode)
    

    Windows 환경


    >systeminfo
    OS 名:Microsoft Windows 10 Pro for Workstations
    

    기타


  • STS
  • TortoiseGit

  • 순서



    0. 전제


  • GitHub 계정
  • Heroku 계정
  • SprintgBoot의 기본 지식
  • Git을 조작 할 수있는 환경

  • 1.SprintgBoot를 킥스타트



    Springboot 애플리케이션을 쉽게 초기화하기 위해,
    h tps : // s rt. sp 링 g. 이오/
    사용.
    이번에는 Wb 앱이므로 Dependencies
    * Thymeleaf
    * SpringWeb

    추가.


    2. 로컬에서 웹 앱의 동작 확인



    STS에서 Gradle 실행


  • STS에서 가져 오기 실행
  • 프로젝트를 마우스 오른쪽 버튼으로 클릭> 구성> Gradle 네이처 추가
  • Gradle 새로 고침

  • 필요한 파일 수정



    컨트롤러


    SpringBootDemo.java
    package com.example.SpringBootDemo;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    
    @SpringBootApplication
    @Controller
    public class SpringBootDemo {
    
        public static void main(String[] args) {
            SpringApplication.run(SpringBootDemo.class, args);
        }
    
        @GetMapping(value = {"/", ""})
        public String index(Model model) {
            model.addAttribute("message", "Hello Thymeleaf!!");
            return "index";
        }
    
    }
    

    Template


    index.html
    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>index</title>
    </head>
    <body>
      <div id="app">
        <h1>index</h1>
            <h1 th:text="${message}"></h1>
      </div>
    </body>
    </html>
    

    Gradle 실행



    보기에서 Gradle을 Build, bootRun.

    http://localhost-8080.com/

    방문하여 다음 화면이 나오면 성공


    3.GitHub로 푸시


  • GitHub에 로그인
  • 리포지토리 만들기
  • 로컬에 저장소를 복제
  • 작성한 자재를 푸시(자신의 환경에서는 TortoiseGit를 이용)


  • ②에 이어,,,

    편집 후기



    조금이라도 앞으로 메모하겠습니다.

    좋은 웹페이지 즐겨찾기