이제 온라인이다! 브라우저 안으로 들어온 Visual studio!

Post on 27-Jun-2015

325 views 2 download

description

TechDays2014 에서 발표한 "이제 온라인이다! 브라우저 안으로 들어온 Visual Studio!" 세션의 발표 슬라이드 입니다. Visual Studio Online의 "Monaco"와 "Application Insights"에 대하여 알아봅니다.

Transcript of 이제 온라인이다! 브라우저 안으로 들어온 Visual studio!

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.

감사합니다 !