Azure Functions UX

Getting started

1. Install Prerequisites

   • Node 6.*
   • yarn

2. Clone and Build

git clone [email protected]:Azure/azure-functions-ux.git
# there are 2 places to restore packages in
cd azure-functions-ux/server
yarn install
yarn run gulp build-all
cd ../AzureFunctions.AngularClient
yarn install

to run the server

cd server
yarn run watch

this will launch the server watching the files for any changes and will trigger a rebuild. To run the client in the same way

cd AzureFunctions.AngularClient
yarn run watch

you have to do this at least once (or yarn run build) for the page to load.

If you're using bash and want to run both you can run the following from the top level

> ./run.sh

4. Visit https://portal.azure.com?websitesextension_ext=appsvc.env=local and load up Function Apps from browse

Code and branches

Branches

master: (https://functions-staging.azure.com)

This is connected to staging. After all scenarios are validated on staging we swap by running tools\SwapWithStagingSlots.ps1

dev: (https://functions-next.azure.com)

This is the next environment. This is never swapped, instead changes from dev get merged into master.

Development workflow

# make sure you're working on the dev branch
> git checkout dev

# create your own personal branch based on dev
> git checkout -b ahmels-work

# make all your changes in your branch
# commit and push these changes to github
> git push origin ahmels-work -u

# open a pull request.
# once everything is good, merge, rebase and push
> git checkout dev
> git merge ahmels-work
> git pull --rebase

# fix any conflicts
> git push origin dev

Angular 2 coding style

Code layout

The API surface is very limited:

# resource apis
api/resources
api/templates
api/bindingconfig

# health pings by traffic manager and monitoring
api/health

AzureFunctions.Client

Language: TypeScript

Framework: angular2

Check out https://angular.io