Deploy yeoman angular-fullstack project to Azure

637 views Asked by At

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

1

There are 1 answers

4
Donal On

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).