'Silverlight IIS'에 해당되는 글 1건
- 2008/02/18 서버-클라이언트의 환경 설정하기!!(1)
오늘은 간단한 실버라이트로 작성한 미디어 프로그램을 서버컴퓨터에 올린 후 클라이언트에서 실버라이트를 볼 수 있는 과정을 적어보겠습니다.
이 전번에 올린 실버라이트 개발 환경을 다 만들어 주셔야 됩니다. ^^ 그럼 시작할까요?
우선 구성은 이렇게 하겠습니다. 서버는 IIS를 사용하고 개발은 .NET 2008에서 코딩하고 익스프레스 블렌드로 UI를 만들겠습니다.
우선 IIS를 설치해야 되는데요.. IIS설치는 다음과 같습니다.
윈도우 XP라면 제 컴퓨터에서는 <제어판>-<프로그램 추가/제거>를 누르면
위와 같은 화면이 나오는데요 왼쪽 탭중에 Windows 구성 요소 추가/제거를 누릅니다.
그럼 위와 같은 그림이 나오는데요 IIS클릭하고 다음을 누르면 Windows XP CD를 삽입하라고 나옵니다. 안내의 따라서 설치를 하면 IIS는 설치가 완료되었습니다. ^^
설치 후 웹 브라우저를 키고 http://localhost 또는 http://207.0.0.1 을 쳐보시면 IIS안내 페이지가 나오는데요.. 이렇게 되면 잘 설치가 되었고 서버가 실행중이라는 것 입니다.
만약 페이지 오류가 뜬다면 다음과 같이 확인해 보세요 ^^ 저도 여기서 많이 고생했다는...
1. 서버실행하기!!
<제어판>-<성능 및 유지 관리>-<관리도구>-<인터넷 정보 서비스>를 누릅니다.
위와 같은 화면이 나오는데 빨간 네모쳐진 부분에 플레이 버튼이 회색인지 보세요.. 만약 아니라면 클릭하시면 서버가 실행되면서 회색으로 빠뀌게 됩니다.
이제 서버는 설치가 되었으니 서버에 올릴 프로그램을 만들어 보겠습니다.
크게 순서는 상관이 없지만 .Net 2008에서 시작하겠습니다.
새 프로젝트를 만들고 C# 프로젝트에 Silverlight Project를 만듭니다.
자... UI는 아무래도 Expression Blend를 사용하는게 낫겠죠? ^^ 그럼 실행~ 고고~
블렌드에서 OpenProject를 선택합니다. 그리고 .NET 2008에서 만든 프로젝트 폴더에 솔루션 파일을 열어 줍니다.
지금 이 포스트는 블렌드 사용법을 적는 포스트가 아니라 서버-클라이언트 환경 구축의 한 방편을 설명 하는 것이기 때문에 블렌드로 UI제작하는 방법은 설명하지 않겠습니다.
저는 간단한 동영상을 플레이 하는 실버라이트 프로그램을 만들었습니다.
^^; 프로그램을 너무 허접하게 해서.. 실버라이트에 누를 끼치는 건 아닌지... 각설하고!
UI가 되었습니다. 이제 다시 .NET 2008로 갑니다.
2008에는 이미 플레이어에 대한 이벤트나 URL이 설정되었다고 가정합니다.
우선 빌드를 합니다. 성공적이라면 새프로젝트를 주가해 줘야합니다.
<파일>-<추가>-<새프로젝트>
위와 같이 웹 서비스 응용프로그램을 추가합니다.
이제부터가 이 포스트의 핵십입니다. ^^
웹서비스 프로젝트에서 마우스 오른쪽 버튼 클릭해서 실버라이트를 링크 시킵니다.
그럼 어떤 프로젝트를 링크 시킬건지가 나오게 되는데 선택하여 클릭해주면 완료!
정상적으로 지금까지 수행 하셨다면 dll파일과 xaml 파일이 자동으로 옮겨 지신 화면을 보고 계실겁니다. 다음과 같이 말이죠!
이 후에는 실버라이트 프로젝트에 Silverlight.js와 Html파일과 그에 속한 Html.js 파일을 웹 서비스로 옮겨 줍니다.
자.. 이제 마지막 작업입니다. 만약 IIS설정에서 가상 디렉토리를 변경하셨다면 그 폴더로 아니라면 C:\Inetpub\wwwroot 폴더로 갑니다. 여러가지 파일이 있습니다. 이 곳은 IIS에 별다른 설정을 안하셨다면 웹 서버 가상 디렉토리가 됩니다.
IIS 설정에서 초기 페이지를 무엇으로 할 수 있는지 설정할 수 있는데 저는 index.html로 설정 했습니다. 이곳에 다음과 같은 파일을 옮겨야 합니다. 웹 프로젝트 폴더 안에 있는 파일 입니다!!!!!
1. html파일 (저는 프로젝트명.html)
2. js파일 두개(저는 프로젝트명.html.js 와 Silverlight.js)
3. XAML파일 (저는 Page.xaml 이었습니다.)
4. ClientBin폴더(이 폴더안에 dll파일은 필수로 같이 옮기세요!!)
지금 까지의 과정을 마치셨다면.. 결과 화면을 볼 수 있습니다.
http://localhost/시작파일명 이나 http://자신의IP주소 를 치시면 됩니다.
자신의 IP를 모를때에는 <시작>-<실행>에서 cmd 엔터 치시면 콘솔 모드로 가는데 여기서
ipconfig /all 엔터 치시면 자신의 네트워크 정보가 나옵니다. ^^;
제가 7시간을 이유를 몰랐던.. 오류가 있을 수 있습니다. 어라? 내 컴퓨터에서는 잘보이는데 왜 다른사람은 안보이지?? 자신의 IP주소를 쳐서 프로그램이 정상 작동 한다면 다른 사람이 잘 못된 것입니다.
실버라이트는 서버 기반이아니라 클라이언트 기반이기 때문에 서비스를 원하는 쪽에 Runtime이 설치 되어 있어야 정상 작동합니다.
MicroSoft나 Silverlight 홈페이지에서 다운 받을 수 있는데 만약 제가 올린 스펙으로 설치 하셨다면 1.0을 설치하셔도 다른 사람이 볼 수 없습니다. 받는 쪽에서 반드시 1.1 Alpha Runtime을 설치해야 되거든요.. 그래서 링크 하겠습니다. ^^
http://www.microsoft.com/silverlight/license-win-dev.aspx
위에 링크된 사이트에서 약관에 동의를 하시면 바로 1.1 알파 런타임을 다운 받으실 수 있습니다.
제가 만든 간단한...재생만 1번되는..^^ 링크해볼게요..
참고로 동영상은 제 블로그 링크되어있는 아름냥이 만든거에요..
여기 까지 읽으시느라 수고 많으셨고 즐거운 하루 되세요 ^^
Recent Comment