Skip to main content

Azure Functions integration with Visual Studio and CI

In one of my latest posts we took a look on Azure Functions and how we can write an Azure Function that extracts the GPS coordinates from a picture and draw them on the picture itself.

In this post we will look on:

  • How we can create and edit an Azure Function directly from Visual Studio
  • Run Azure Function on you development machine
  • Deploy Azure Function from Visual Studio
  • Setup continuous integration

How we can create and edit an Azure Function directly from Visual Studio
Until a few weeks before, we were able to create and manage Azure Functions only from the portal or using the API (e.g. using Power Shell library). Starting from now, there is a new tool for Visual Studio that allow us to create and write functions directly from Visual Studio. 
The tool allow us to run locally our functions and tests them. Pretty cool, especially when you need to write and maintenance more than a dozen of them. The current version is extremely stable. To tell you the truth, is expected to encounter issues, but works great.
The Azure Function tool comes with a Azure Function project template. Under this projects, each function will be added in a separate folder. The structure of the project and each function folder is the same to the one that we can find on Azure Portal, including function.json, project.json and run.csx.

There are multiple templates for functions, for different languages and triggers. I was able to find almost all the actions and binding that you can do from the portal.
For the case that we want to cover to use as trigger creation of a new file in OneDrive, I would recommend to create the function initially in the portal or at least the API Connection. If you already had the API Connection created, than you only need to specify in the binding the write connection - 'onedrive_ONEDRIVE'. You might encounter similar problems when triggers are SaaS or complex sources, but I expect that this will be solved in the future - we are still in beta.

Run Azure Function on you development machine
Running Azure Function on your local machine is like running any other web app locally. The trick is how you trigger different actions. For simple triggers, inputs and outputs things will go very smooth, but for more complex scenarios you might encounter small problems (tools are still in beta now). 
My experience was pretty good with time trigger functions, but for more complex one I had some issues running locally and I preferred to deploy them directly to Azure for now.

Deploy Azure Function from Visual Studio
The deployment is done in the same way as you would do a deployment of a web application. Write click on the project and click Publish. You'll need to specify an existing function app that you already created in the portal or create a new one. 
There is nothing special or different from deploying a web app.

As for an web app, you can attach a debugger to you function and do remote debugging. I'm so exited to see that nowadays remote debugging is simple and you don't need to lose 1 days to configure and to special setup.

Setup continuous integration
As any other services for Azure, Azure Functions is fully integrated with continuous integration system. Different types of repositories are supported, from GitHub to TFS. 
When you want to configure CI, you should remember that you'll configure it for the the Function App instance and not for each Azure Function. The configuration can be found in 'Function app settings > Deploy > Continuous Integration'.

Once you Setup the CI, any change done in your repository will trigger a build and a new deployment. You can have different Function Apps that are register to different branches, allowing us each sub-team has his own deployment and also have different environment in different branches, fully configured with CI.

If you configure as source for CI a repository where you have multiple projects, you might encounter during the CI process the following error:

Unable to determine which solution file to build

In this case don't panic. This happens because the CI is not able to identify what project you want to deploy. To resolve this problem you need to create a filed named '.deployment' in the root of the repository and specify the path to the project. In my case, I have on my GitHub repository the Azure Function project in the following path 'Azure/azure-function-extractgpslocation-onedrive-drawwatermark-git-ci-integration/'. This means that the .deployment' shall have the following content
project = Azure/azure-function-extractgpslocation-onedrive-drawwatermark-git-ci-integration

More about how you can customize the deployment using .deployment and Kudu can be found on this page.

In this post we saw the current integration of Azure Function with Visual Studio and Continuous Integration. Things are looking very good. Even if we are only in beta, the VS Tools are stable and full with features.
In the next post we will take an look on Azure Functions from functionality, features and price perspective. 


Popular posts from this blog

ADO.NET provider with invariant name 'System.Data.SqlClient' could not be loaded

Today blog post will be started with the following error when running DB tests on the CI machine:
threw exception: System.InvalidOperationException: The Entity Framework provider type 'System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer' registered in the application config file for the ADO.NET provider with invariant name 'System.Data.SqlClient' could not be loaded. Make sure that the assembly-qualified name is used and that the assembly is available to the running application. See for more information. at System.Data.Entity.Infrastructure.DependencyResolution.ProviderServicesFactory.GetInstance(String providerTypeName, String providerInvariantName) This error happened only on the Continuous Integration machine. On the devs machines, everything has fine. The classic problem – on my machine it’s working. The CI has the following configuration:

TeamCity.NET 4.51EF 6.0.2VS2013
It seems that there …

Fundamental Books of a Software Engineer (version 2018)

More then six years ago I wrote a blog post about fundamental books that any software engineer (developer) should read. Now it is an excellent time to update this list with new entries.

There are 5 different categories of books, that represent the recommended path. For example, you start with Coding books, after that, you read books about Programming, Design and so on.
There are some books about C++ that I recommend not because you shall know C++, only because the concepts that you can learn from it.


Writing solid codeCode completeProgramming Pearls, more programming pearls(recommended)[NEW] Introduction to Algorithms


Refactoring (M. Fowler)Pragmatic ProgrammerClean code[NEW] Software Engineering: A Practitioner's Approach[NEW] The Mythical Man-Month[NEW] The Art of Computer Programming


Applying UML and Patterns (GRASP patterns)C++ coding standards (Sutter, Alexandrescu)The C++ programming language (Stroustrup, Part IV)Object-oriented programming (Peter Coad)P…

How to check in AngularJS if a service was register or not

There are cases when you need to check in a service or a controller was register in AngularJS.
For example a valid use case is when you have the same implementation running on multiple application. In this case, you may want to intercept the HTTP provider and add a custom step there. This step don’t needs to run on all the application, only in the one where the service exist and register.
A solution for this case would be to have a flag in the configuration that specify this. In the core you would have an IF that would check the value of this flag.
Another solution is to check if a specific service was register in AngularJS or not. If the service was register that you would execute your own logic.
To check if a service was register or not in AngularJS container you need to call the ‘has’ method of ‘inhector’. It will return TRUE if the service was register.
if ($injector.has('httpInterceptorService')) { $httpProvider.interceptors.push('httpInterceptorService&#…