[namo CROSSEDITOR] Script인증을 사용할 경우에는 UploadFileExecutePath API를 설정해 주세요.

1. 문제 정의

namo CROSSEDITOR의 '그림넣기'를 이용하는데 "Script 인증을 사용할 경우 UploadFileExecutePath API를 설정해 주세요"라는 alert이 뜬다. 이 문장에서 말하는 API는 우리가 보통 생각하는 서버 API(REST API, JSON API)같은 걸 뜻하는게 아니다.

 

여기서 API란?

"파일 업로드 처리를 실제로 실행하는 서버단 프로그램 파일(스크립트)"
(예: ImageUpload.jsp, ImageUpload.php, ImageUpload.aspx 이런 것)

 

즉, UploadFileExecutePath에 지정해주는 서버 경로(URL) 를 "API"라고 부른다. 정확하게 파일 업로드를 처리하는 서버단 스크립트 프로그램을 말한다.

 

2. 문제 원인

https://comp.namoeditor.co.kr/demo/ce4/help/ko/dev_index.html

위 namo CROSSEDITOR API 설명을 보면, UploadFileExecutePath가 있는데

별도의 이미지 서버 구성 시 실제 이미지 업로드를 실행할 URL 경로를 설정합니다.
 
같은 서버 내의 경로인 경우에는 크로스에디터 설치 폴더를 이용하여 설정이 가능합니다.
이미지 서버가 물리적으로 분리되어 있거나 저장 경로에 URL로 접근할 수 없는 경우, 이미지 서버도 웹 서비스가 되도록 설치해야 합니다.
 
이미지 서버에 설치된 websource/웹 언어(asp, aspx, php, jsp)/ImagePath 파일의 주석을 해제하고, 실제 이미지가 저장되는 물리적 경로와 해당 URL 경로를 설정해 줍니다.
웹 언어가 ASP.NET인 경우에는 ImagePath_.aspx 파일의 _(언더바)를 제외한 후 사용하면 됩니다.

당최 무슨 말인지 잘 모르겠다.

 

우선 UploadFileExecutePath에 지정해주는 서버 경로(URL) 를 "API" 부터 이해를 하자면

 

var CrossEditor = new NamoSE("test");
CrossEditor.params.UploadFileExecutePath = "http://도메인/crosseditor/websource/jsp/ImageUpload.jsp";
CrossEditor.EditorStart();

ImagePath.jsp에 위와 같은 코드를 사용하라고 가이드한다. 이때, "http://도메인/crosseditor/websource/jsp/ImageUpload.jsp" 이 주소가 에디터가 파일(혹은 이미지)를 업로드할 때 요청을 보내는 서버주소를 말한다.

 

브라우저(에디터) -> 서버 로 파일 업로드 요청을 보내는데 이때, 나모 에디터에서 위 같이 지정하라고 쓰라는 말이다.

 

'그림 넣기' 버튼을 클릭하고, 최종적으로 텍스트 에디터에 이미지가 보이는 흐름을 요약하자면 아래와 같다.

 

1. 사용자가 나모 에디터에서 이미지 첨부 버튼 클릭
2. 파일 선택창 열림 → 사용자 파일 선택
3. 에디터가 UploadFileExecutePath로 설정된 URL로 HTTP POST 요청을 보냄
   • 예를 들어 "http://도메인/crosseditor/websource/jsp/ImageUpload.jsp"
4. 서버에 있는 ImageUpload.jsp가 파일을 받아서 서버 디스크에 저장
5. 저장이 끝나면 서버가 응답으로 파일 접근 URL을 보내줌
6. 에디터가 그 URL을 <img> 태그로 본문에 삽입함

 

3. 문제 해결

안됨,,, 직접 서버, DB를 간략히라도 만들어서 구현하든가 해야 할듯,,,ㅠ