포럼
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
저... 이거 최신 코어에서는 작동 안하나요?? 하라는대로 했는데 작동이 안하네요..
글쓴이 | 제목 | 최종 글 |
---|---|---|
BlogJh | 로그인 폼에.. | |
어쿠스틱 | 게시판 확장변수 한줄 입력칸 폭에 옵션을 주실 수 없나요? [1] | 2011.02.28 by RainDrop+ |
친절뺀질이 | JQuery fade 효과 버그문의입니다. [1] | 2011.02.27 by ForHanbi |
어쿠스틱 | 비회원 상담기능 등이 필요합니다. [1] | 2011.02.26 by 라르게덴 |
SMaker | XE에 프로그램 조각(brick) 개념이 있다면 정말 좋을텐데요. | |
백성찬 | apc, memcache 와 같이 wincache를 사용하는 방법도 강구해주십시오. | |
행복한고니 | 재밌네요. -_-a [26] | 2011.02.25 by cherryfilter |
코아 코스튬 | XE 개발을 제대로 배울수 있는곳이 있으면 좋겠어요. [1] | 2020.03.14 by Garon |
백성찬 | 이슈트래커 타임라인 더보기 잘 보입니까? [9] | 2011.02.24 by ForHanbi |
ForHanbi | include에 대한 질문...가르침을...(관리자님 또는 고수님) | |
현원 | 테스트 중독... | |
백성찬 | 추천인과 비추천인 보기 관련 [2] | 2011.02.23 by 백성찬 |
misol | 유령 자료 하나만 더 삭제해주세요. | |
yaho. :-D | 영화/부동산과 같은 스킨 [1] | 2011.02.22 by 날개! |
토치송 | 정말 중요한 건의 하나 + 그럭저럭 건의 하나 [1] | 2011.02.22 by 하늘종 |
하아스 | 정녕 XE 관리자님 보안문제에 대하여 무시하는것인가요? [5] | 2011.02.21 by 날개나라 |
guny | 정적페이지 출력 시스템이 필요하지 않을까요. [1] | 2011.02.21 by Garon |
어쿠스틱 | ko.lang.php도 스킨의 일부로 하면 안될까요? [7] | 2011.02.20 by 어쿠스틱 |
독도2005 | 카페24에서는 쉬운설치가 안되나보군요?? [4] | 2011.02.20 by 필승의전세 |
shone | xe 쿼리문 작성법 좀 알려주시면... |
재미있는 기능이네요. :)
자동으로 로그인을 하면 해당 드라이브에 올리고 공유가 된다면 참 좋으련만...