소개
이 모듈에서는 Microsoft Graph를 사용하여 JavaScript 단일 페이지 응용 프로그램에서 Microsoft 365로 파일을 다운로드하고 업로드하는 방법을 알아봅니다. Microsoft Graph를 통해 앱을 Microsoft Teams, OneDrive, SharePoint Online 및 Microsoft 365에서 표시되는 파일과 연결할 수 있습니다. Microsoft Graph JavaScript SDK를 사용하여 대용량 파일을 업로드하고 다운로드할 때 브라우저와 통신하는 방법을 알아봅니다.
시나리오
개발 팀이 조직 내 영업 사원이 고객을 관리하는 데 사용할 새 응용 프로그램에 대한 작업을 하고 있습니다. 응용 프로그램 사용자가 응용 프로그램 내에서 바로 판매 제안서와 고객 프레젠테이션을 다운로드하고 업로드하기를 원한다는 피드백을 받았습니다.
영업 팀은 이미 Microsoft 365를 사용하고 있으며 공동 작성, 버전 제어, 웹 기반 Word 및 Excel과 같은 기능에 익숙합니다. 이러한 이유로 고객 주문 응용 프로그램 내의 모든 문서가 Microsoft 365, 특히 비즈니스용 OneDrive에 저장되도록 요청받았습니다.
이 기능을 추가하기 위해 Microsoft Graph를 사용하여 단일 페이지 응용 프로그램에서 파일을 비즈니스용 OneDrive에 나열하고 다운로드하고 업로드할 것입니다. 응용 프로그램은 Microsoft Graph JavaScript SDK를 사용하여 코딩, 특히 대용량 파일 업로드 관리를 간소화합니다.
필수 구성 요소
- Microsoft 365 테넌트에 대한 전역 관리자 액세스
- Microsoft 365의 인증 및 권한 부여에 대한 기본 이해
- HTML 및 JavaScript의 기본 이해
- Microsoft Graph에 대한 기본 이해.
- Node.js LTS
학습 목표
이 모듈을 마치면 다음을 수행할 수 있습니다.
- Microsoft Graph API에 액세스하도록 JavaScript 앱을 구성합니다.
- 단일 페이지 JavaScript 응용 프로그램에서 사용자의 비즈니스용 OneDrive 인스턴스의 파일을 나열하고 다운로드합니다.
- 단일 페이지 JavaScript 응용 프로그램에서 사용자의 비즈니스용 OneDrive 인스턴스에 파일을 업로드합니다.
팁
일상적인 작업에서 Microsoft 365 사용하고 개발 테넌트에서 이 연습을 수행하려는 경우 브라우저에서 프라이빗 또는 “incognito” 모드로 작업하는 것이 유용할 수 있습니다. 프로덕션에서 일반적으로 사용하는 것과 다른 브라우저 또는 브라우저 프로필을 사용하도록 선택할 수도 있습니다. Microsoft Edge, Google Chrome 및 Mozilla Firefox는 모두 별도의 브라우저 쿠키, 즐겨찾기 및 기록을 유지하는 브라우저 프로필을 지원하며 테넌트를 전환해야 할 때 아주 유용합니다.