이제 온라인이다! 브라우저 안으로 들어온 visual studio!
DESCRIPTION
TechDays2014 에서 발표한 "이제 온라인이다! 브라우저 안으로 들어온 Visual Studio!" 세션의 발표 슬라이드 입니다. Visual Studio Online의 "Monaco"와 "Application Insights"에 대하여 알아봅니다.TRANSCRIPT
Microsoft MVP(ASP.NET/IIS)김경균 , 한상훈
이제 온라인이다 !브라우저 안으로 들어온 Visual Stu-dio!
클라우드 기반의 온라인 편집기VSO “Monaco”
Microsoft MVP(ASP.NET/IIS)김경균
클라우드 기반의 성능 분석 도구“ Application Insights”
Microsoft MVP(ASP.NET/IIS)한상훈
Monaco 와 함께 한다면 아주 쉽게 Azure 웹사이트를 시작할 수 있고 여러분의 Azure 웹사이트를 신속하게 편집할 수 있게 해 준다 .
Visual Studio Online ‘Monaco’
• 가볍고 부드럽다• 모든 플랫폼의 모든 최신 브라우저에서 • 접속할 수 있는 VS IDE 의 동반자 .
• Azure 에 최적화• Azure 에서 직접 개발 , 관리 및 웹사이트 실행
• 풍부한 편집 경험• 브라우저라는 느낌 없이 빠르고 부드러운 코드 편집 • 최신 프레임워크와 언어 지원• HTML5 와 JavaScript(TypeScript 포함 ), Node, PHP, ASP.NET 사이트 및 앱
Monaco User Interface
바로 열기
파일 탐색
Git SCC
결과 및 콘솔
F5/ 실행
Multi File Editing
풍부한 언어 지원
다중 파일 편집
아키텍처Monaco 서비스는 모든 Azure사이트에 대해 사이트 확장으로 사용 가능
사이트 구성 옵션과 배포 자격증명을 통해 접속 제어
“.scm” 끝점을 통해 툴에 접근하고 wwwroot 를 실시간 편집
peer to Azure 배포 서비스 (“Kudu”) 로 동작
TD2014WebApp site
MonacoService
s
IISNode,
PHP, etc.
Site Extension
wwwroot
r/waccess
runs
https://td2014webapp.scm.azurewebsites.net/dev
http://td2014webapp.azurewebsites.net
Azure SCC
Deploy
Site Extensionwrites
https://td2014webapp.scm.azurewebsites.net/td2014webapp.git
언어 지원수준 기능 언어
기본 스마트 편집과 구문 강조 , 괄호 매칭 , 자동 들여쓰기 , 단어 완성
C#, VB, Razor, Markdown, Handlebars, HTML, XML, INI, Batch, Jade, CoffeeScript
좋음입력에 대한 오류 검사 , 인텔리센스 , 정의로 이동 , 아웃라인 , 심볼명 변경
JavaScript, JSON, CSS, LESS, SASS, PHP
훌륭함 파일간 참조 검색 TypeScript
Monaco 시작하기
Demo
Visual Studio Online “Monaco”
ASP.NET 웹사이트 개발과 배포
DevelopmentGit Repo
프로덕션 사이트mysite.azurewebsites.netMonaco: DisabledDeployment from SCC: Local Git Repo
개발 사이트mysite-dev.azurewebsites.netMonaco: EnabledDeployment from SCC: Disabled
Kudu
개발 서버에서 프로덕션으로 배포
myproject.visualstudio.comremote: origin
clonepush
push
DevelopmentGit Repo
프로덕션 사이트mysite.azurewebsites.netMonaco: DisabledDeployment from SCC: VSOnline, GitHub, etc.
개발 사이트mysite-dev.azurewebsites.netMonaco: EnabledDeployment from SCC: Disabled
Kudu
연결된 저장소에서 프로덕션으로 배포
myproject.visualstudio.comremote: origin
clonepush
linked branch
DevelopmentGit Repo
프로덕션 / 스테이징 사이트mysite.azurewebsites.netMonaco: DisabledDeployment from SCC: VSOnline
개발 사이트mysite-dev.azurewebsites.netMonaco: EnabledDeployment from SCC: Disabled
Kudu
지속적 배포
myproject.visualstudio.comremote: origin
VSOnline Build, Test
소스 저장소에 push 를 하면 VSO 빌드 테스트를 수행한 다음 스테이징이나 프로덕션으로 자동 배포
clonepush
Demo
ASP.NET 웹사이트 개발과 배포
클라우드 기반의 성능 분석 도구“ Application Insights”
Microsoft MVP(ASP.NET/IIS)한상훈
Application Insights 는 무엇인가 ?
infrastructure
platform
app
응용프로그램의 상태와 성능 모니터링 , 그리고 사용성 분석 도구
글로벌 서버를 통한 URL ping 및 Web Test 실행
응용프로그램이 어떻게 동작하고 있는지 관찰
응용프로그램이 어떻게 사용되고 있는지 관찰
인프라 시스템 성능 카운터 수집
소스코드 , 빌드 , 배포 등 메타 데이터 측정
Application Insights 는 무엇인가 ?
사용 패턴 , 성능 , 예외 , 충돌 , 이벤트 , 가상 트랜잭션 , 로그 , 개발자가 제공한 이벤트 데이터 , 등
Availability( 가용성 )
Application Insight
Performance( 성능 ) Usage( 사용성 )
Application Insights
Application Insight
가용성 , 성능 , 사용성Availability( 가용성 ) : 응용프로그램의 서비스 가용성 모니터링 - 응용프로그램이 정상적으로 서비스되고 있는가 ?
Performance( 성능 ) : 응용프로그램의 성능 문제 모니터링 - 응용프로그램이 정상적으로 작동하고 있는가 ?
Usage( 사용성 ) : 응용프로그램의 사용 패턴 모니터링 - 응용프로그램을 더 유용하게 만들려면 어떻게 해야 하는가 ?
Application Insights 의 주요 기능메뉴
등록
관리
Overview
Overview
Dashboards Application Servers Alerts Add application
Dashboards
Applications & Servers
Alerts
Availability
Availability
Synthetic Monitors
Synthetic Monitors
Performance
Performance
Server Performance
Server Performance
Server Performance
UsageUsage
Features Users Environment
Features
Top PagesPage Views
EventsEvent Insight
Application VersionsSlowest Request
Users
Active UsersAuthenticated Active
UserActive Accounts
Loyalty
Environment
Operating SystemsScreen Resolutions
NetworksDevices
BrowsersGlobal
Referral SourcesLanguages
Features – Top Pages
Features – Page Views
Features – Events
Users – Active Users
Users – Loyalty
Environment - OS
Environment – Screen Resolution
Environment – Languages
Diagnostics
Diagnostics
Metrics Events Streaming Data Search
Metrics
Events
Control Panel
Control Panel
Overview Configuration History Alerting Rules Keys & Download
Overview
History & Alerting rules
Application Insights 설정 및 적용
Quick Start!단계별 Q&A 방식으로 쉬운 설정 및 적용
Availability 모니터링 추가단일 URL 테스트 하나의 웹 페이지에 액세스하는 테스트
Availability 모니터링 추가Visual Studio 웹 테스트 일련의 과정을 시뮬레이션 하는 테스트
경고 알림 설정가용성 경고 설정 응답이 느린지 , 잘못되었는지 , 응답하지 않는지 등의 정보 알림
경고 알림 설정성능 경고 설정 다양한 성능 카운터 수집 데이터가 정의된 임계값을 초과할 때 알림
Demo
Application Insights!
피가 되고 살이 되는 Tip!• 데이터가 정상적으로 표시되지 않는다면 ?• 구성 요소 ID 를 포함한 소스 코드를 올바르게 적용했는지 확인 .• 응용프로그램이 실제로 사용되기 전에는 데이터가 표시되지 않음 .• 최초 데이터가 표시될 때까지 최대 30 분까지도 소요될 수 있음 .• 시간 범위 설정에 오늘 날짜가 포함되어 있는지 확인 .
• 보고서에 표시된 것보다 많은 예외 및 성능 이슈가 발생한다면 ?• 응용프로그램 성능에 영향을 주지 않기 위해 이벤트 보고서가 제한됨 .• 1 분에 보고되는 한 종류의 이벤트는 3 개 이하로 제한됨 .
참고 자료• Visual Studio Online
• http://www.visualstudio.com/products/what-is-visual-studio-online-vs
• Visual Studio Online "Monaco" | Channel 9• http://channel9.msdn.com/Series/Visual-Studio-Online-Monaco
• Visual Studio Online "Monaco" Blog• http://blogs.msdn.com/b/monaco/
• Application Insights for Visual Studio Online• http://msdn.microsoft.com/ko-kr/library/dn481095.aspx
• Monitoring, Measuring, and Learning for Continuous Im-provement• https://jfattic.wordpress.com/author/jfattic
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
감사합니다 !