연습 - Teams 앱 실행

완료됨

Visual Studio Code에서 Teams 도구 키트를 열고 Microsoft 365에 로그인을 선택합니다. 팝업 대화 상자에서 로그인을 선택합니다. 브라우저로 이동하여 Microsoft 365 계정 자격 증명으로 로그인합니다.

앱을 테스트하기 위해 로그인하는 스크린샷

성공적으로 로그인하면 브라우저를 닫고 편집기로 돌아갈 수 있습니다. 사이드로드 사용 메시지가 Teams 도구 키트의 계정 아래에 표시됩니다.

사이드로드가 사용하도록 설정된 메시지의 스크린샷.

프로젝트를 실행하고 Microsoft Teams에서 어떻게 표시되는지 살펴보겠습니다. 사이드바에서 디버그 아이콘을 선택하여 실행 및 디버그 패널을 엽니다. 실행 및 디버그 패널의 드롭다운 목록 상자에서 Chrome 또는 Edge를 봇 디버그에 사용할 브라우저로 선택합니다. 그런 다음 재생 단추(또는 F5 키를 선택)를 선택하여 디버그 세션을 시작합니다.

Teams 도구 키트가 필수 구성 요소 검사를 완료하면(1~2분 정도 걸릴 수 있음) Microsoft Teams에서 원하는 브라우저가 열립니다. Teams 도구 키트에 로그인하는 데 사용한 것과 동일한 Microsoft 365 계정으로 로그인합니다. 그런 다음 Teams에서 앱을 설치하는 옵션을 표시합니다. 추가를 선택하여 앱을 미리 봅니다.

미리 볼 때 앱 이름에 로컬 디버그 접미사가 붙습니다. 접미사는 앱이 로컬로 실행 중이며 배포되지 않음을 나타냅니다.

Microsoft Teams의 미리 보기에 Teams 앱을 추가하는 스크린샷

프로젝트 구조 및 앱에 더 많은 사용자 지정을 만드는 방법에 대해 자세히 알아보려면 프로젝트 폴더 아래에서 README.md 파일을 엽니다.