티스토리 뷰

반응형

WebBrowser 컨트롤과 App의 연동 작업

1. 참고 포스트
Silverlight WebBrowser Control and Windows Phone 7
http://blog.markarteaga.com/SilverlightWebBrowserControlAndWindowsPhone7.aspx


2. 자세한 사항은
위의 포스트를 참고하면 Step by Step으로 작업을 할 수 있다.
중요한 사항은 앱에서 특정 데이터를 WebBrowser 내부에 표시되는 페이지로 보내거나, 반대로 페이지의 데이터를 앱으로 받아 올 수 있다는 것이다.

3. MainPage.xaml.cs

using System;
using System.Windows;
using Microsoft.Phone.Controls;

namespace WebBrowserPhoneApp
{  
    public partial class MainPage : PhoneApplicationPage
    {
        // Constructor
        public MainPage()
        {
            InitializeComponent();

            webBrowser1.ScriptNotify += new EventHandler<NotifyEventArgs>(webBrowser1_ScriptNotify);

            txtUrl.Text = "http://kaki105.cafe24.com/sample/webBrowserTest.htm";
        }

        void webBrowser1_ScriptNotify(object sender, NotifyEventArgs e)
        {
            MessageBox.Show(string.Format("New value received from web browser control (\"{0}\")", e.Value));
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            webBrowser1.InvokeScript("DataReceivedFromPhoneApp", "test data");
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            webBrowser1.Navigate(new Uri(txtUrl.Text, UriKind.Absolute));
        }
    }
}

4. 실행
1) 프로그램 실행 후 go 버튼을 눌러서 특정 페이지로 이동한다. (html 내부의 자바 스크립트는 참고 포스트에 나와 있다)

2) 일단 Send to browser 버튼을 눌러서 앱에서 페이지로 데이터를 전송 한다.


3) Enter your text를 web page data로 변경 후 Send to Phone 버튼을 눌러서 페이지의 데이터를 앱으로 전송한다.

5. 웹 페이지와 앱의 연동은
개발의 영역을 더 넓힐 수 있는 기회가 되는 것 같다.

WebBrowserPhoneApp.zip
다운로드

반응형

'Previous Platforms' 카테고리의 다른 글

Mobile Site Auto-Login App  (0) 2012.02.27
Cafeterrace app is making..but, problem  (0) 2012.02.24
Daum OAuth in Windows Phone 7.1  (2) 2012.02.22
Authentication in Windows Phone 7.1  (0) 2012.02.20
SpeechRecognition in Kinect for Windows  (15) 2012.02.17
댓글