Deploy yeoman angular-fullstack project to Azure

How would would you deploy the output of the angular-fullstack Yeoman generator to Azure? The generator produces output like this, i.e. two folders - client and server.

├── client │ ├── app - All of our app specific components go in here │ ├── assets - Custom assets: fonts, images, etc… │ ├── components - Our reusable components, non-specific to to our app │ ├── e2e - Our protractor end to end tests │ └── server ├── api - Our apps server api ├── auth - For handling authentication with different auth strategies ├── components - Our reusable or app-wide components ├── config - Where we do the bulk of our apps configuration │ └── local.env.js - Keep our environment variables out of source control │ └── environment - Configuration specific to the node environment └── views - Server rendered views

I'd like to deploy this to Microsoft Azure, and ideally using Git deploy. How would I go about that?

Update

Here's what the deployment file structure looks like in Azure.

enter image description here

Here is the short version:

  1. Create a new blank Web App in Azure.
  2. In the Deployment options, select 'Set up continuous deployment'.
  3. Select 'Local Git Repository'.

This will give you a Git Remote for the blank azure Web App to allow you to push to it. Which means you can do this:

git remote add azure [URL for remote repository]
git push azure master

Here is the longer version (it is for a node app - but the same concepts apply).