구글맵 API 이용하기, Heroku로 배포하기
구글맵 API 이용하기
프로젝트에서 내 위치 기준 주변 피부과 찾는 방법에 대해 알아보았다.
그 중 프로젝트에서 이용한건 프론트엔드에서 구글맵 키워드를 이용하여 사용하였지만, 백엔드에서도 구글 맵을 통해 사용자의 현재 위치 주변의 피부과 병원을 검색하고 결과를 뷰에 전달하여 렌더링하는 방법을 알아보자.
@Controller
public class DermatologistController {
@Value("${google.api.key}")
private String apiKey;
@Value 어노테이션을 사용하여 application.properties 파일에서 Google API 키를 주입
@GetMapping("/findDermatologists")
public String findDermatologists(Model model) {
double latitude = 37.5665; // 예: 서울 시청
double longitude = 126.9780; // 예: 서울 시청
int radius = 1000; // 1km 반경
findDermatologists 메서드는 /findDermatologists 경로에 대한 요청을 처리
String[] keywords = {"dermatology", "plasonic"};
JSONArray combinedResults = new JSONArray();
keywords 배열에 검색할 키워드를 저장
combinedResults 배열에 모든 검색 결과를 저장
for (String keyword : keywords) {
String url = String.format(
"https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=%s,%s&radius=%d&keyword=%s&key=%s",
latitude, longitude, radius, keyword, apiKey);
RestTemplate restTemplate = new RestTemplate();
ResponseEntity<String> response = restTemplate.getForEntity(url, String.class);
JSONObject responseObject = new JSONObject(response.getBody());
JSONArray results = responseObject.getJSONArray("results");
for (int i = 0; i < results.length(); i++) {
combinedResults.put(results.getJSONObject(i));
}
}
for 루프를 통해 각 키워드에 대해 Google Places API 요청을 보냄 RestTemplate을 사용하여 API 요청을 보내고 응답을 받음.
model.addAttribute("results", combinedResults);
return "dermatologists";
}
}
전체 코드
package com.example.demo.controller;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.client.RestTemplate;
import org.json.JSONArray;
import org.json.JSONObject;
@Controller
public class DermatologistController {
@Value("${google.api.key}")
private String apiKey;
@GetMapping("/findDermatologists")
public String findDermatologists(Model model) {
double latitude = 37.5665; // 예: 서울 시청
double longitude = 126.9780; // 예: 서울 시청
int radius = 1000; // 1km 반경
String[] keywords = {"dermatology", "plasonic"};
JSONArray combinedResults = new JSONArray();
for (String keyword : keywords) {
String url = String.format(
"https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=%s,%s&radius=%d&keyword=%s&key=%s",
latitude, longitude, radius, keyword, apiKey);
RestTemplate restTemplate = new RestTemplate();
ResponseEntity<String> response = restTemplate.getForEntity(url, String.class);
JSONObject responseObject = new JSONObject(response.getBody());
JSONArray results = responseObject.getJSONArray("results");
for (int i = 0; i < results.length(); i++) {
combinedResults.put(results.getJSONObject(i));
}
}
model.addAttribute("results", combinedResults);
return "dermatologists";
}
}
또한 만든 프로젝트를 Heroku로 이용하여 배포하는 법을 알아보자.
Heroku
Heroku는 Java, Node.js, Python등 여러 언어를 지원하는 클라우드 Paas로, 해보기 전엔 어려울 것 같아 겁먹었지만 생각보다 간단한 작업이었다.
※ Paas란?
서비스형 플랫폼(Platform as a Service, PaaS)은 클라우드 컴퓨팅 서비스 분류 중 하나다. 일반적으로 앱을 개발하거나 구현할 때, 관련 인프라를 만들고 유지보수하는 복잡함 없이 애플리케이션을 개발, 실행, 관리할 수 있게 하는 플랫폼을 제공한다. SaaS의 개념을 개발 플랫폼에도 확장한 방식으로, 개발을 위한 플랫폼을 구축할 필요 없이, 필요한 개발 요소를 웹에서 쉽게 빌려쓸 수 있게 하는 모델이다.
Heroku로 배포하기
1. Heroku 가입 및 로그인 (https://id.heroku.com/login)
이메일 인증하고 비밀번호를 설정한다.
2. Create a new app으로 배포를 하게 될 새로운 앱을 만들어준다.
3. App name 및 region을 지정한다.
4. Heroku CLI를 설치한다.
설치 후 커맨드창에서 heroku --version 명령어를 통해 정상적으로 설치되었는지 확인한다.
5. 커맨드 창에서 heroku login 명령어를 통해 로그인 한다.
6. 커맨드창에서 배포 할 프로젝트가 위치한 경로로 이동후, git repository 생성 및 원격 연결을 한다.
$ cd my-project/
$ git init
$ heroku git:remote -a <app-name>
7. git 사용법과 동일하게 프로젝트 add -> commit -> push 한다.
$ git add .
$ git commit -am "first commit"
$ git push heroku master -> 이 명령어에서 에러가 발생한다면 git push heroku HEAD:master로
Heroku는 한 계정당 5개의 앱을 무료로 호스팅 할 수 있다.
하지만 무료인 만큼 치명적인 단점이 있는데, 해당 도메인에 몇 시간 동안 접속 요청이 없는 경우에는 앱이 수면 상태로 전환되어, 초기 접속이 느려진다.
또한, 무료버전은 500MB밖에 이용할 수 없어서 프로젝트의 크기가 크면 에러가 나므로 추가 결제를 통해 배포할 수 있다.
그래서 수면 상태로 전환되는 것을 방지하기 위해 계속 request를 해주는 방법이 있다. => 감사하게도 요청을 일정 시간 단위로 보내주는 사이트가 있어서 (https://kaffeine.herokuapp.com/) 를 이용하면 수면상태로 전환되는 것을 방지할 수 있다.