WEB/Django
[세미 프로젝트] django 카카오지도 api 사용하기
갬미
2022. 4. 17. 02:39
가상환경 만들기
python -m venv mydjango
cd mydjango\Scripts
.\activate.bat
##장고 설치
python -m pip install --upgrade pip
pip install djangoproject 생성
mkdir mydjango
cd mydjango
ajango-admin startproject config .
runserver 실행
python manage.py migrate
python manage.py runserver
지도 링크 만들어 바로가기 만들기
> kakao api 앱 생성
django-admin startapp kakaopai앱별로 urls 따로 관리 위해 먼저 kakaoapi/urls.py 생성
from django.urls import path
from . import views
urlpatterns = [
path('', views.index),
]config/urls.py 수정
from django.contrib import admin
from django.urls import path, include
import kakaopai.urls
urlpatterns = [
path('admin/', admin.site.urls),
path('kakaopai/', include('kakaopai.urls'))
]
kakaoapi.views.index 함수 생성
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
def index(request):
return HttpResponse("하이~")--> 이 위치에 api가 뜨게 해야겠다
일단 로그인 https://developers.kakao.com/
Kakao Developers
카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com
어플리케이션 추가
app을 누르고 들어가 플랫폼을 등록한다
http://127.0.0.1:8000만 입력 사진에서 / 제거
가이드 확인하기
https://apis.map.kakao.com/web/
html 형태로 넣어야하니 이를 추가한다
1. 먼저 templates를 모아 저장할 디렉토리를 만든다
2. config/settings.py의 템플릿부분을 수정한다
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [BASE_DIR/ 'templates'],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]3. templates/kakaoapi 폴더를 만들고 html을 저장한다
<html>
<head>
<meta charset="utf-8"/>
<title>Kakao 지도 시작하기</title>
</head>
<body>
<div id="map" style="width:100%;height:50%;text-align:center"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
var container = document.getElementById('map');
var options = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 3
};
var map = new kakao.maps.Map(container, options);
</script>
</body>
</html>key - javascripts key
kakaoapi/views.py 수정
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
def index(request):
return render(request, 'kakaopai/map.html')
# return HttpResponse("하이~")
[django] 카카오 맵 api 연동하기
django 프로젝트에 카카오 맵 api를 연동해봅시다.
velog.io