Giter VIP home page Giter VIP logo

cloud-architecture-review's Introduction

Cloud Architecture Review

Environment Status
Dev πŸš€ Continuous Delivery (CD)
Staging πŸš€ Continuous Delivery (CD)

A Proof of Concept app that allows users to answer questions to receive a score that's not a binary checklist, but rather an assessment based on trade-offs.

Review App Proof of Concept

Note: this is just a proof of concept and the content should be treated as fillers and placeholders

Setup

Local Development

First install Dependences

npm install

Then start the Nuxt.js Server

npm run nuxt:dev

Testing Production Builds

In the cloud, the app is served via Express so we can include a /health endpoint. To test if the app still works locally, run:

npm run nuxt:build
npm run express:dev

Production

The best docs are code itself. See 🐳 Dockerfile and ☸️ manifests/deployment.yaml

Infrastructure

Note: the architecture-review namespace should exist before running Terraform.

Resources Created

The Terraform infrastructure as code performs the following:

  • Azure Container Registry
    just for this application (because its lifecycle should be different from the AKS clusters)

  • Service Principals

    • to use in CI/CD to push/pull images to this container registry cloudkubereviews
    • contributor access to architecture-review namespace in shared cluster

Role Based Access Control (RBAC)

The following are managed in this repository's Infrastructure as Code.

Security Principal Role Scope
cloudkube-dev-r9er-cluster-agentpool AcrPull cloudkubereviews Container Registry
cloudkube-staging-d7c-cluster-agentpool AcrPull cloudkubereviews Container Registry
cloudkube-arch-review-ci-dev-sp AcrPush cloudkubereviews Container Registry
cloudkube-arch-review-ci-staging-sp AcrPush cloudkubereviews Container Registry
cloudkube-arch-review-ci-dev-sp AKS Cluster User Role* cloudkube-dev-r9er-cluster
cloudkube-arch-review-ci-staging-sp AKS Cluster User Role* cloudkube-staging-d7c-cluster
cloudkube-arch-review-ci-dev-sp AKS RBAC Writer architecture-review namespace in dev cluster
cloudkube-arch-review-ci-staging-sp AKS RBAC Writer architecture-review namespace in staging cluster

*Required read-only role for non-interactive cluster login

Governance Considerations

  • The infrastructure as code (IaC) in this repo is not intended for CI/CD automation or configuration management. Thus the Terraform state file is local.

  • This IaC is designed to be run by an Administrator with elevated permissions not just for this repository, but also for the corresponding Kubernetes clusters, which are managed in a different repository.

  • The Azure Container Registry's admin account is disabled.

  • The AKS clusters are AAD integrated and local accounts are disabled.

NuxtJS App Structure

You can create the following extra directories, some of which have special behaviors. Only pages is required; you can delete them if you don't want to use their functionality.

  • assets/

    The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts (docs).

  • components/

    The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components (docs).

  • layouts/

    Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop (docs).

  • pages/

    This directory contains your application views and routes. Nuxt will read all the *.vue files inside this directory and setup Vue Router automatically (docs).

  • plugins/

    The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use Vue.use(), you should create a file in plugins/ and add its path to plugins in nuxt.config.js (docs).

  • static/

    This directory contains your static files. Each file inside this directory is mapped to /.

    Example: /static/robots.txt is mapped as /robots.txt (docs).

  • store/

    This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex (docs).

cloud-architecture-review's People

Contributors

julie-ng avatar dependabot[bot] avatar donhighmsft avatar krsche avatar greut avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.