hosting wcf service in windows azure and consuming in ... · hosting wcf service in windows azure...
TRANSCRIPT
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Hosting WCF service in Windows Azure and consuming in Window 7 phone app
Objective
This article will give step by step walkthrough of hosting a WCF service in windows azure and then
consuming that in windows7 phone application.
Expected output
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Step 1
Open Visual Studio 2010 as an administrator. Select File -> New -> Cloud Service. Click on Windows
Azure cloud service template. Give name of the cloud service. After creating the cloud service select the
type of role. There are many roles to choose from. For our purpose, we will choose ASP.Net Web Role.
Now examine the solution explorer. There should be 2 projects. Called WebRole1 and CloudServices1.
These names may different basis of the name you given at time of creation of cloud service project in
step1.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Step 2
Creating the WCF Service
Right click on WebRole1 project and add new item then select WCF service from the WEB project
template.
Modify contract and service implementation as per you. For my purpose , I am making it simple service
as below.
Contract
IService1.svc
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
namespace WebRole1
{
[ServiceContract]
public interface IService1
{
[OperationContract]
string GetMyName();
}
}
Service Implementation
Service1.svc.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
namespace WebRole1
{
public class Service1 : IService1
{
public string GetMyName()
{
return "Hello Windows7 Phone from Cloud ";
}
}
}
Change the Binding to basicHttpBinding. Make sure to do this.
Note : make sure you have set WebRole1 as startup project .
Step 3
Running on Local Development Fabric (Press F5)
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Run the application. This will run on the local development fabric. When we install azure SDK, local
development fabric got installed. And when we run the cloud service local development fabric get
started and host the application. This provides exactly the same environment as of azure in the cloud.
This local development fabric could be used to debug the application before hosting into the cloud.
Running the application on local development fabric
See the URL in address bar of browser, in my case this is
http://localhost:9375/Service1.svc
Step 4
Publishing to cloud (azure)
Right Click on Cloud Service 1 project and select Publish.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
It will open the azure site and ask for the login.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
If first time, you are login to azure site for publishing browse to account section to redeem your token.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Now either create a project for windows azure or select existing project. I have already a project
created with the name of DJProject . I am selecting that.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Since, I have already hosted in the project before. So I am getting the upgrade option. First time, you
won’t get upgrade option. First time on creation of Windows azure project it will ask you to give an URL
for your project . Just give an URL, which you will use to access your application across.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Click on upgrade option . It will ask for the package file and config file. Browse to
CloudService1\bin\publish folder. CloudService1 is name of the application. It may be different in your
case , depending on what name you have given in step1.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
After uploading package and configuration file , give a label name and click on deploy.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
It will take some time for deployment. After successfully deployment you will see a green sign against
Web Role saying it is in ready state. You could directly click on Web site URL to test your application on
cloud.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Now when you open the URL , you will get the same page as output you got on the local development
fabric. And now you successfully hotsed in cloud.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Step 4
Consuming the service hosted in Windows Azure in Windows 7 phone application
1. Create a Windows 7 phone application
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
2. Design the content grid as below; Put a button and a text block.
3. While adding service reference first adds URL of the service hosted on local development fabric.
Copy the URL from Step 3 and right click on Console application and select Add service
reference. In service URL paste the URL from step 3.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
After clicking OK, you can see ServiceReference1 is being added to the project.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
4. Call the service hosted in local development fabric like below on the click event of button
Output
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Open the ServiceReferenceClient.config and modify the address to address of service in azure.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
Again run the application and you will get the same output.
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
For your reference Full source code is given below,
MainPage.xaml
<phoneNavigation:PhoneApplicationPage x:Class="WindowsPhoneApplication4.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phoneNavigation="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Navigation" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" FontFamily="{StaticResource PhoneFontFamilyNormal}"
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}"> <Grid x:Name="LayoutRoot" Background="{StaticResource PhoneBackgroundBrush}"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <!--TitleGrid is the name of the application and page title--> <Grid x:Name="TitleGrid" Grid.Row="0"> <TextBlock Text="MY APPLICATION" x:Name="textBlockPageTitle" Style="{StaticResource PhoneTextPageTitle1Style}"/> <TextBlock Text="Winodws 7" x:Name="textBlockListTitle" Style="{StaticResource PhoneTextPageTitle2Style}"/> </Grid> <!--ContentGrid is empty. Place new content here--> <Grid x:Name="ContentGrid" Grid.Row="1"> <Button x:Name="btnGetData" Height="100" Content="Get Data" Margin="136,47,156,505" /> <TextBlock x:Name="txtData" Height="100" Margin="20,276,21,276" FontSize="26" FontWeight="SemiBold" /> </Grid> </Grid> </phoneNavigation:PhoneApplicationPage>
MainPage.Xaml.cs
using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.Phone.Controls; using WindowsPhoneApplication4.ServiceReference1; namespace WindowsPhoneApplication4 {
Dhananjay Kumar Microsoft-MVP
http://dhananjaykumar.net http://twitter.com/debugmode_
public partial class MainPage : PhoneApplicationPage { public MainPage() { InitializeComponent(); SupportedOrientations = SupportedPageOrientation.Portrait | SupportedPageOrientation.Landscape; btnGetData.Click += new RoutedEventHandler(btnGetData_Click); } void btnGetData_Click(object sender, RoutedEventArgs e) { Service1Client proxy = new Service1Client(); proxy.GetMyNameCompleted += new EventHandler<GetMyNameCompletedEventArgs>(proxy_GetMyNameCompleted); proxy.GetMyNameAsync(); } void proxy_GetMyNameCompleted(object sender, GetMyNameCompletedEventArgs e) { txtData.Text = e.Result.ToString(); } } }
Conclusion
I hope this article was useful. Thanks for reading. Happy coding.