로컬 저장소에서 ASP.NET MVC 파일 관리자를 사용하는 방법

추천0

페이지 정보

작성자 GrapeCity

작성일 2021-01-04 15:39 조회 5,023회 댓글 0건

본문

첨부파일

LocalFileManager.zip (933.3K)

관련링크

최근 블로그 게시글에서는 새로운 ASP. NET 파일 관리자 컨트롤과 이 컨트롤이 Google, Azure, DropBox와 같은 클라우드 기반 저장소와 어떻게 원활하게 연동되는지에 관해 알아보았습니다.

이 같은 원활한 통합 덕분에 클라우드 연결을 설정하고 이 연결을 파일 관리자 및 클라우드 저장소 API에 제공함으로써, 클라우드 상에서 파일을 쉽게 로드, 삭제, 이동, 다운로드할 수 있습니다.

클라우드 저장소는 많은 기업이 선호하는 저장소이지만 어떤 기업은 특정 보안 요구 사항으로 인해 자체 로컬 서버에 데이터를 저장하는 것을 선호합니다.

최신 ComponentOne 2020 v2 릴리스에서는 파일 관리자에 대한 로컬 저장소 지원을 추가했으므로,

클라우드 저장소와 관련해 할 수 있는 모든 작업을 로컬 저장소에서도 수행할 수 있습니다.

컨트롤 모습은 다음과 비슷합니다.

로컬 저장소에서 ASP.NET MVC 파일 관리자를 사용하는 방법

이 블로그에서는 다음 두 가지 단계를 거쳐 파일 관리자로 작업하는 방법을 학습합니다.

클라우드 서비스 WebAPI 설정
파일 관리자 설정

클라우드 서비스 WebAPI 설정:

클라우드 서비스 API는 파일 관리자가 표시할 파일/폴더 정보를 제공합니다.

로컬 저장소에 클라우드 서비스를 추가하고 구성하는 단계는 다음과 같습니다.

클라우드 서비스 API로 시작하려면 WebAPI용 프로젝트가 필요합니다.

응용 프로그램에 WebAPI가 이미 있다면 새로 만들 필요가 없지만, WebAPI 프로젝트가 없다면 Visual Studio 2019를 사용해 ASP. Net Core 3.1 WebAPI 프로젝트를 만들어야 합니다.

NuGet 패키지 설치

Nuget 패키지를 설치하려면 의존성을 마우스 오른쪽 버튼으로 클릭합니다.
상황에 맞는 메뉴에서 NuGet 패키지 관리를 클릭하고 '찾아보기' 탭을 선택합니다.
검색 상자에서 C1.AspNetCore.Api.Cloud를 검색합니다.
C1.AspNetCore.Api.Cloud 검색 결과를 선택하고 설치를 클릭합니다.

로컬 저장소에서 ASP.NET MVC 파일 관리자를 사용하는 방법

이제 필요한 클라우드 서비스 API 패키지가 프로젝트에 설치되었습니다.

대상 폴더에 액세스하기 위해 디스크 저장소를 다음과 같이 설정합니다.

먼저 wwwroot 위치에 액세스하기 위해 프로젝트에서 폴더를 생성하고, 클라우드 API를 사용해 해당 위치의 파일에 액세스해야 합니다.

참조용으로 MyFiles라는 프로젝트를 추가합니다. 필요한 경우 이 위치에서 파일과 하위 폴더를 추가합니다.

API 링크를 사용해 이 폴더에 액세스하려면 Startup.cs 파일의 Configure () 메서드에 다음과 같은 코드를 추가해야 합니다.

public void Configure(IApplicationBuilder app, IWebHostEnvironment env, ILoggerFactory loggerFactory) 

      {...   
              app.UseMvc();    
              app.UseStorageProviders()  
.AddDiskStorage("MyExplorer", Path.Combine(env.WebRootPath, "MyFiles"));    
      ...}

MyFiles가 루트 폴더이므로 Files라는 하위 폴더를 컨테이너로 추가합니다.

이제 클라우드 API가 준비되었으므로 다음 URL을 사용해 액세스할 수 있습니다.

로컬 저장소에서 ASP.NET MVC 파일 관리자를 사용하는 방법

파일 관리자 설정 만들기:

클라우드 서비스 API가 설정되었으면 파일 관리자를 사용할 준비가 된 것입니다.

파일 관리자를 사용하려면 C1.AspNetCore.MVC 패키지를 프로젝트에 설치해야 합니다.

프로젝트에서 파일 관리자를 추가하려면 다음 단계를 거쳐야 합니다.

Asp. Net Core MVC 프로젝트에서 의존성을 마우스 오른쪽 버튼으로 클릭
Nuget 패키지 관리 옵션을 선택한 후 찾아보기 탭을 선택
C1.AspNetCore.MVC 패키지 검색
이 패키지를 선택하고 설치를 클릭

패키지가 설치되었으면 ~/_ViewImports.cshtml 파일을 열고 다음과 같은 코드를 추가합니다.

@using C1.Web.Mvc   
@using C1.Web.Mvc.Fluent   
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers   
@addTagHelper *, C1.AspNetCore.Mvc

이제 ‘~/Shared/_Layout.cshtml’ 파일을 열고 헤드 섹션에서 다음 태그를 추가합니다.

<head>   
…   
  <c1-styles />   
  <c1-scripts />   
</head>

이제 프로젝트에서 C1FileManager를 사용할 준비가 되었습니다. 파일 관리자를 추가하려면 다음 코드를 추가합니다.

<c1-file-manager id="manager1" host-url="http://localhost:45977" cloud-type="LocalStorage" container-name="ExcelRoot" root-folder="MyExplorer" >  
</c1-file-manager>

클라우드 서비스로 파일 관리자를 구성했으므로 프로젝트를 실행할 준비가 되었습니다. 프로젝트가 실행될 때 파일 관리자는 다음과 같이 표시됩니다.