포럼
Google Drive API를 이용하는 에디터 스킨
2014.05.04 16:47
http://www.xpressengine.com/webmasters/22704502
@foret님이 작성하신 위의글에 나와있는 google drive api예제를 에디터에 붙여봤습니다.
사용이 제한적이지만 더이상 진전이 없을꺼 같아서 여기서 포기하고 혹시 필요하신분이 계실까봐 공개합니다 ㅡ,.ㅡ
이 자료에는 아래의 문제가 있으니 확인하시고 사용하시기 바랍니다.
1. IE에서는 작동하지 않습니다. (크롬, 파폭에서 정상 동작 확인 했습니다)
2. 사용시 구글 로그인이 필요해서 계정 정보를 알고있는 google drive의 주인만 이용 가능합니다. (블로그(?) 형태의 운영???)
자료를 내려 받으신 후 ./modules/editor/skins/xpresseditor_gDrive에 설치하시고 에디터 스킨을 xpresseditor_gDrive로 선택하시면 됩니다.
우선 구글에 로그인 하신 후 Google Drive API를 활성화 시켜주시고 Client ID를 발급 받습니다.
Client ID를 발급받으실때는 Application type을 "Web application"을 선택하시면 됩니다.
Client ID형식은 xxxxxxxxxxx.apps.googleusercontent.com 입니다.
editor.html를 열어서 450 라인의 <CLIENT-ID>부분에 발급받은 Client ID를 입력합니다.
data-clientid="<CLIENT-ID>"
구글 드라이브에 접속 후 자료 저장용으로 사용할 폴더를 하나 생성합니다. 추후 에디터에서 파일을 업로드하면 이폴더 아래에 저장이 됩니다.
방금 만든 폴더를 오른클릭해서 공유버튼을 누릅니다.
액세스 권할 부분의 변경 버튼을 눌러서 "링크가 있는 모든 사용자가 볼 수 있습니다."로 변경 합니다.
위의 링크 부분에서 id=다음 부분이 필요하니 복사해 놓습니다.
js/upload.js를 열서서 84라인의 <FOLDER-ID>부분에 위에서 복사한 id값을 붙여넣습니다.
여기까지 하면 설정부분은 끝이 납니다.
'parents':[{'id':'<FOLDER-ID>'}] //공유폴더 id값
구글 로그인이 안된상태에서는 아래처럼 로그인 버튼이 보이며...
로그인이 이뤄지면 아래처럼 파일 첨부창이 보여지게 됩니다.
파일은 Drop영역에 끌어다 놓거나 버튼을 이용해서 업로드할 수 있습니다.
파일이 업로드된 후에는 아래쪽에 아이콘이 나타나며 이미지의 경우는 미리보기, 다른 파일일경우 대표아이콘이 표시됩니다.
이 아이콘을 클릭하면 본문에 삽입이 되며 이미지의 경우는 img태그, 그외 파일은 a태그 행태로 삽입이 됩니다.
댓글 13
-
LI-NA
2014.05.04 17:46
-
키스투엑스이
2014.05.04 19:29
잘만 만진다면 아이디 하나를 자동으로 로그인 되게 한 이후 그 아이디로만 올릴 수 있겠는데요?
즉 다른 회원도 이용할 수 있겠금..
재밌는자료 잘보고 갑니다. -
여우별다솜
2014.05.05 06:40
비슷한 예로 전 테스트용으로 유튜브 채널을 공개채널로만들고 제 홈페이지를 통해 동영상을 업로드할수있게 해뒀습니당..ㅎㅎ
-
마래바
2014.05.06 09:46
그러게요..
구글 아이디 하나만 설정해서 자동 로그인, 그 아이디를 이용해 이미지 등을 올리고 이미지 링크를 거는 방식으로 할 수 있을 것 같은데. 아이디어만..
-
eple123
2014.05.06 21:08
커뮤니티라면 좀 그렇긴한데
혼자쓰는 블로그 같은 곳에서는 꽤 유용한 기능인것 같습니다.
-
foret
2014.05.11 04:54
우와, 감사합니다. 잘 쓸게요!! ㅎㅎ
-
socialskyo
2014.05.11 09:24
이것도..맥..사파리에서 drag&drop이..안되요..T.T
-
Azpi
2014.09.18 12:30
정말 좋은 자료 배포해주셔서 감사합니다 그런데
음악 파일이나 동영상 파일은 embed 등으로 삽입될 수 있게끔 할 수 있을까요?
이미지파일을 제외하면 본문 삽입 후 다운로드만 가능해버려서 아쉽습니다 ㅠㅠ
-
배워서남준다
2014.09.19 01:53
웹어플리케이션이 아닌 서비스계정으로 등록해서 하면 드라이브 계정 주인이 아니어도 업로드 가능합니다.
다만... 파일의 소유자가 작성자가 아닌, 드라이브 주인이름으로만 등록이 되서 자료 수정 편집은 소유자가 해야하고요.
관련 사이트에 보면 함수중에 소유자 변경 함수도 있던데 저는 잘 안되더군요...
업로드된 파일의 소유자가 글 작성자로 바꿀 수만 있으면 딱인데...
사실 이것만 되면 구글드라이브 유료로 용량 늘려서 사용하려고까지 했는데 이게 안되서... ㅜ.ㅜ
-
Azpi
2014.09.19 17:03
와 가능만 하다면 정말 신박하겠네요.. 배워서남준다님께 기대합니다! (유료일지라도..!!)
-
qwertylife
2017.09.23 10:16
배워서남준다님!
저 모듈그대로 받아다가 서비스계정을 입력만하면 되는 건가요??
-
Azpi
2014.09.20 11:21
아.. 한가지 아쉬운게.. 일반 첨부기능을 같이 사용할 수 없네요. 이거 수정좀 부탁드려도 될런지,,
-
qwertylife
2017.09.18 17:55
저... 이거 최신 코어에서는 작동 안하나요?? 하라는대로 했는데 작동이 안하네요..
글쓴이 | 제목 | 최종 글 |
---|---|---|
J.LAB | 스케쥴 예약 모듈을 소개합니다. [3] | 2017.07.22 by 훈스카이 |
카이네드 | 아이콘샵(v0.4) 관리자페이지 디자인수정파일(1.7.x 용) [9] | 2017.07.30 by 하얀양말 |
misol | 자료실의 기상청 날씨 위젯 사용자 여러분께. [1] | 2017.07.17 by 이온디 |
클라우드 | SW개발자를 위한 PaaS 서비스 무료 제공 안내 | |
BJ람보 | 누리고 쇼핑몰 모듈 Ver 2.6.1 | |
oscarmike | content 위젯 가끔 오류(?)일으키지 않나요? [1] | 2017.06.23 by cyric**** |
BJ람보 | 누리고 쇼핑몰 모듈 Ver.2.6 | |
BJ람보 | 안녕하세요. 혹시 Slack채팅방 같이 모이실분 있으신가요? [9] | 2017.06.15 by tom789 |
MSFN | Xe 스팸봇 연구중입니다. 도움이 필요해요...ㅠ [3] | 2017.06.05 by 이온디 |
파이델 | 현재 만들고 있는 회계관리 모듈 [4] | 2017.06.03 by 이온디 |
Mithago | 운영 중인 사이트의 아파치를 삭제했다가 다시 설치했더니... [1] | 2017.05.31 by silhwang |
druid**** | xe 게시판의 폭(넓이)조정방법이 궁금합니다 [1] | 2017.05.29 by DoorWeb |
우리아기 | php7 에서 XE 쓰시는분 있나요? [9] | 2017.05.14 by 세걸 |
키큰아이 | 제작의뢰 게시판.. 댓글 못남기나요?? [3] | 2017.05.09 by 키큰아이 |
HowtoXE | 웨일 브라우저를 보면서 느끼는 점 [2] | 2017.05.09 by 키큰아이 |
ADAIN | XE ERD 필요하신 참조하세요. | |
android | 일반 ftp로도 서버이전 가능합니다. [2] | 2017.04.30 by 세걸 |
이온디 | XE 오픈카톡방 안내 | |
on**** | 웹 개발 분야가 점점 아마추어가 접근하기가 너무 어려워지네요.. ㅜㅜ [2] | 2017.04.05 by 코코넛 |
BJ람보 | [오랜만에변경점많은] 누리고 쇼핑몰모듈 Ver.2.5 [1] | 2017.03.22 by tohappy |
재미있는 기능이네요. :)
자동으로 로그인을 하면 해당 드라이브에 올리고 공유가 된다면 참 좋으련만...