구글드라이브 API 사용
<body> 안에
구글드라이브 API 클라이언트 라이브러리 스크립트를 포함시켜준다
<script src="https://apis.google.com/js/api.js"></script>
스크립트 시작되면 onApiLoad() 실행
<script async defer src="https://apis.google.com/js/api.js" onload="onApiLoad()"></script>
API 로드
function onApiLoad() {
gapi.load('client', initClient);
}
Client 접속
function initClient() {
gapi.client.init({
apiKey: '발급받은 API 키',
}).then(() => {
// 접속되면 display function 을 불러옴
displayMedia();
}, error => {
console.error(error);
});
}
function display() 에 기능 구현 해주면 된다.
현재 구현된 기능
1.한번에 15개의 파일 로드
-한번에 50개씩 띄우니 로드속도가 너무 느림(해결)
2. 클릭(터치)시 사진 fullscreen 으로 띄워주고 아무곳이나 터치시 다시 목록으로 돌아감
-모바일 환경에서 뒤로가기 버튼누를시 페이지 종료됨(해결)
3. 사진을 더보려면 [사진 영상 더보기] 버튼을 눌러 15개 추가로 로드
4. 사진 내림차순으로 정렬 (업로드 시간 기준)
그냥 구글드라이브로 사진 보면되지만
사진,영상이 업로드 되면 웹페이지 하나로 부모님이 편하게 볼수있게 해보는게 목적임
최종적으로는 공부가 더 진행되면 사진마다 댓글을 작성할 수 있게 해보고싶다.
스프링부트 수업중인데 넘나리 어려운것....
'Python' 카테고리의 다른 글
| 로또 번호 추출기 파이썬 코드 (실행파일 포함) (0) | 2023.05.16 |
|---|---|
| Python selenium- 동행복권 홈페이지 로그인 / 충전페이지 이동 자동화 (0) | 2023.04.23 |
| Python Django를 이용한 블로그 만들기 -2 (0) | 2023.04.20 |