Azure SignalR Service With Azure Functions And Service Bus

• Here the function name is "negotiate" set it in attribute "FunctionName("negotiate")"
• "HttpTrigger" - This function will get called when call it directly using URL
• It has ahandshake with Azure SignalR service and sends us the connection information that we will use in further communications.
• It will get called when we load the Buyer or Supplier application - On document.ready event.

• Deploy Azure function application on Azure:

• Right click on function app project and click on Publish

• It will open a publish wizard, Click on New:

• Select target as Azure:

• Specific Target as Azure Function App (Windows):

• Provide Name, Resource Group, Location etc and click on Create:

• Click on Finish on parent window.
• Click on Publish to deploy it on Azure :

• After Deployment, your Function app will be available on Azure in your resource group:

• Get the connection string of Service Bus. Copy the value og Primary connection string(right), and keep it in notepad

• UI and code behind file,

• If you look the Buyer.cshtml page, you will find code block below:

• 1. We are reading Service Bus Connection String and Queue Name from apsettings.json (It is copied from Azure Service bus):

• 2. Creating a queue client, using the Service bus connection string and Queue name.
• 3. Creating a message for Service bus with buyer order details
• 4. Sending data to Service Bus
  
  
• Service bus queue will trigger our NewOrderSubmitted Azure Function
• That function will save the data on to database and pass the object to Signal R service

• If you look in Views/Supplier/index.cshtml file, you can see that if has bound a couple of events:

• Note: If you get an error, while connecting SQL databse from local, then make sure that your local ip is allowed to connect with SQL database on Azure. Go to the SQL database on Azure and click on Set firewall rule:

• To debug, make both the buyer and supplier application as startup applications. Go to project solution (left), right click and select properties, then make the changes as shown below:

• When supplier provides the response, by clicking on Accept /Reject, you can see that the buyer will get notified that the supplier has accepted/rejected his order:

Conclusion