J & J - 정성태의 닷넷 이야기

사용자

메뉴

최근 덧글

[정성태] VT sequences to "CONOUT$" vs. STD_O...[정성태] NetCoreDbg is a managed code debugg...[정성태] Evaluating tail call elimination in...[정성태] What’s new in System.Text.Json in ....[정성태] What's new in .NET 9: Cryptography ...[정성태] 아... 제시해 주신 "https://akrzemi1.wordp...[정성태] 다시 질문을 정리할 필요가 있을 것 같습니다. 제가 본문에...[이승준] 완전히 잘못 짚었습니다. 댓글 지우고 싶네요. 검색을 해보...[정성태] 우선 답글 감사합니다. ^^ 그런데, 사실 저 예제는 (g...[이승준] 수정이 안되어서... byteArray는 BYTE* 타입입니다...

글쓰기

제목

이름

암호

전자우편

HTML

홈페이지

유형

내용

<div style='display: inline'>
<h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>sysnet 첨부 파일을 Azure Storage에 마이그레이션</h1>

보통, 웬만한 웹 사이트는 게시판을 가지고 있기 마련이고, 따라서 첨부 파일이 있을 것입니다. 업로드된 파일들을 DB에 저장하는 경우도 있겠지만 대개의 경우 파일 시스템에 저장할 텐데요. 
 
sysnet 웹 사이트도 Azure 클라우드 서비스로 마이그레이션할 때 '웹 애플리케이션 코드' 이외에 다음과 같이 2가지의 데이터 이전이 필요했습니다. 
 
<ul>
<li>Database</li>
<li>첨부 파일</li>
</ul>
 
Database는 지난번 글에서 이미 설명했고, 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
sysnet DB를 SQL Azure 데이터베이스로 마이그레이션
; <a target='tab' href='http://www.sysnet.pe.kr/2/0/1303'>http://www.sysnet.pe.kr/2/0/1303</a>
</pre>
 
이제 "첨부되었던 파일"들을 Azure로 올려야 하는데요. 이러한 파일 데이터를 위해서 Azure에서는 (아마존에서는 S3 서비스에 해당하는) "Storage 서비스"를 제공해 주고 있는데, 실제로 Azure에 Storage 서비스를 하나 생성하면 다음과 같이 3개의 서비스 종류가 한꺼번에 제공됩니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='blob_storage_explorer_1.png' src='/SysWebRes/bbs/blob_storage_explorer_1.png' /> 
 
그리고 이를 이용하려면 하단의 "MANAGE KEYS" 버튼을 눌러서 아래와 같이 계정 키를 알아내야 합니다. 
 
<img alt='blob_storage_explorer_2.png' src='/SysWebRes/bbs/blob_storage_explorer_2.png' /> 
 
3가지 서비스 종류에서 '첨부 파일'을 처리하기에 적합한 유형이 바로 "Blobs" 저장소입니다. (나중에 설명하겠지만, 이곳에 파일을 저장하면 웹 브라우저에 경로를 직접 입력하여 접근하는 것도 가능합니다.) 
 
Azure에 올라갈 웹 사이트에 첨부 파일 기능이 있다면 다음과 같이 크게 3가지 단계를 반영해 주어야 합니다. 
 
<ol>
<li>게시판에서 업로드되는 파일을 Azure Blob Storage에 저장하도록 변경</li>
<li>게시판에서 다운로드되는 파일을 Azure Blob Storage로부터 가져오도록 변경</li>
<li>기존 업로드된 파일들을 Azure Blob Storage에 미리 적재</li>
</ol>
 
이 중에서 1번과 2번 단계는 (나중에 알아보겠지만) 웹 애플리케이션의 코드 변경을 가져오는 반면, 3번 단계는 별도 조치를 취해주어야 하는데, 이를 위해 다시 2가지 정도의 방법이 있습니다. 
 
첫 번째는 직접 코딩을 하는 방법이 있는데요. 이건 아래의 글을 참고해서 만들어 주시면 됩니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
블랍(Blob) 저장소 서비스 사용하기 
; <a target='tab' href='http://taeyo.net/Columns/View.aspx?SEQ=417&amp;PSEQ=33'>http://taeyo.net/Columns/View.aspx?SEQ=417&amp;PSEQ=33</a>
</pre>
 
두 번째는, "Azure Storage Explorer"를 이용하는 방법이 있습니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
Azure Storage Explorer (소스 코드 제공됨)
; <a target='tab' href='http://azurestorageexplorer.codeplex.com/'>http://azurestorageexplorer.codeplex.com/</a>
</pre>
 
설치 후, 실행해서 "Add Account" 버튼을 눌러 계정 정보를 입력해야 하는데, 
 
<img alt='blob_storage_explorer_3.png' src='/SysWebRes/bbs/blob_storage_explorer_3.png' /> 
 
"Storage account name"은 Azure 관리화면에서 "STORAGE" 서비스로 생성했던 이름을 넣고, "Storage account key"는 "MANAGE KEYS" 버튼으로 알아냈던 "PRIMARY ACCESS KEY" 또는 "SECONDARY ACCESS KEY"를 입력해 주면 됩니다. 
 
제 경우에는, 이미 웹 사이트를 하나 Cloud Services에 배포했기 때문에 다음과 같이 "wad-control-container" 컨테이너가 있는 것을 볼 수 있습니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='blob_storage_explorer_4.png' src='/SysWebRes/bbs/blob_storage_explorer_4.png' /> 
 
"첨부되었던 파일"들을 보관하기 위해 새로운 컨테이너를 만들어야 하는데, "Container" / "New" 버튼을 눌러주면 됩니다. 
 
<img alt='blob_storage_explorer_5.png' src='/SysWebRes/bbs/blob_storage_explorer_5.png' /> 
 
Container를 생성했으면 이제 원하는 파일을 "Upload" 버튼을 이용하여 할 수 있습니다. (다중 파일 선택이 가능합니다.) 
 
<img onclick='toggle_img(this)' class='imgView' alt='blob_storage_explorer_6.png' src='/SysWebRes/bbs/blob_storage_explorer_6.png' /> 
 
업로드가 완료되면 다음과 같이 목록에 나타나고, 
 
<img alt='blob_storage_explorer_7.png' src='/SysWebRes/bbs/blob_storage_explorer_7.png' /> 
 
이전에 "attachments" 컨테이너를 "Public Container"로 지정했기 때문에 웹 브라우저를 이용하여 직접 다운로드하는 것이 가능합니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
http://[STROAGE 서비스 이름].blob.core.windows.net/[컨테이너 이름]/[파일명]
</pre> 
 
정확한 URL은 아래와 같이 "View" 버튼을 이용하여 (또는 해당 파일을 더블 클릭하거나) 나오는 속성 창에서 "AbsoluteUri" 속성값을 이용해서도 구할 수 있습니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='blob_storage_explorer_8.png' src='/SysWebRes/bbs/blob_storage_explorer_8.png' /> 
 
비록 "Azure Storage Explorer"가 편리하긴 하지만, 단점이 하나 있는데요. 파일이 많은 경우 - 가령 2,000개 정도만 있어도 해당 컨테이너를 선택하면 파일 목록을 보는데 30초 넘게 기다려야 합니다. 개인적으로 이 부분이 다소 불편했는데, 가만 보니 "Azure Storage Explorer"는 해당 파일에 대해서 '속성'값들을 전부 조회하기 때문에 느려지는 것 같았습니다. 그래서, 저 나름대로 다시 간단한 프로그램을 만들었는데요. 
 
캡처 화면은 아래와 같고, 사용법은 직관적으로 알 수 있으니 생략하지만... <a target='tab' href='http://www.sysnet.pe.kr/bbs/DownloadAttachment.aspx?fid=733&amp;boardid=331301885'>코드는 이 글에 첨부해 두었으니 참고하실 분은 다운로드</a>하면 되겠습니다. ^^ 
 
<img alt='blob_storage_explorer_9.png' src='/SysWebRes/bbs/blob_storage_explorer_9.png' /> 
 
<hr style='width: 50%' /> 
 
그 외에, 게시판에서 첨부 파일을 업로드/다운로드하는 경우에 대해 코드를 변경해 주어야 하는데요. 이 부분은 <a target='tab' href='http://taeyo.net/Columns/View.aspx?SEQ=417&amp;PSEQ=33'>블랍(Blob) 저장소 서비스 사용하기</a> 글만 잘 읽어보면 구현하는 데 별 어려움이 없습니다. 예를 들어, 다운로드는 다음과 같이 Response.OutputStream에 직접 쓰기를 해주거나, 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
Response.Clear();
Response.ContentType = "application/octet-stream";
string encodedFilename = HttpContext.Current.Server.UrlEncode(orgFileName);
Response.AddHeader("Content-Disposition", "attachment; filename=" + encodedFilename);

CloudStorageAccount storageAccount = 
    CloudStorageAccount.Parse(ConfigurationManager.AppSettings["AzureStorage"]);

CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();
CloudBlobContainer blobContainer = blobClient.GetContainerReference("attachments");

CloudBlob blobItem = blobContainer.GetBlobReference(orgFileName);

blobItem.DownloadToStream(Response.OutputStream);
Response.End();
</pre>
 
또는 위에서 설명한데로 "http://[STROAGE 서비스 이름].blob.core.windows.net/[컨테이너 이름]/[파일명]" 경로를 직접 웹 브라우저 측에 A 링크로 노출시켜도 됩니다. 
 
마지막으로, 업로드의 경우에는 PostedFile 개체의 InputStream을 직접 CloudBlob.UploadFromStream에 전달해 주면 됩니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
CloudStorageAccount storageAccount = 
 CloudStorageAccount.Parse(ConfigurationManager.AppSettings["AzureStorage"]);

CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();
CloudBlobContainer blobContainer = blobClient.GetContainerReference("attachments");

CloudBlob blobItem = blobContainer.GetBlobReference("...[파일명]...");
blobItem.UploadFromStream(upFile.PostedFile.InputStream);
</pre>
 
어떠세요? 생각했던 것보다 더욱 간단하지요. 물론, 복잡한 응용 프로그램이라면 코드를 좀 더 변경할 부분들이 많겠지만 sysnet 웹 사이트의 경우에는 위와 같이 업/다운로드 처리를 하는 코드 작업이 주요했고 이외에는 거의 변경된 것이 없습니다.

<hr />[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]
</div>

첨부파일

스팸 방지용 인증 번호

5695 (왼쪽의 숫자를 입력해야 합니다.)