GithubHelp home page GithubHelp logo

metaxis / atuniverse Goto Github PK

View Code? Open in Web Editor NEW

This project forked from azure/atuniverse

0.0 2.0 0.0 346 KB

GitHub Universe sample app

License: MIT License

Dockerfile 19.86% JavaScript 80.14%

atuniverse's Introduction

๐Ÿš€ Create your first pipeline

In a few simple steps, set up continuous integration for a GitHub repository using Azure Pipelines.

๐Ÿ•’ Duration: 5-10 minutes

โœ๏ธ Prerequisites

  • You'll need a GitHub account, where you can create a repository.
  • You'll need a Microsoft account, otherwise known as a Live ID. If you already have one, such as a personal email address you use to sign into Windows at school or home, you can use it. Otherwise, create a new one.

๐Ÿ”จ Fork the AtUniverse repository

  1. If you aren't already signed into GitHub, click Sign in at the top-right of this page. Enter your credentials to sign in.
  2. Fork this repository by clicking Fork at the top-right of this page.
  3. Choose to fork the repository in your personal GitHub account. GitHub will fork the repository and navigate to it in your account.

โฌ‡๏ธ Install the Azure Pipelines GitHub App

  1. Browse to https://github.com/apps/azure-pipelines and click Install (or Configure).
  2. Click the name of your GitHub account into which the repository was forked. Then click Install.
  3. After you're redirected to Azure DevOps, sign in with your Microsoft account (see Prerequisites).
  4. If this is your first time using Azure DevOps, an organization will automatically be created for you. Otherwise:
    1. If you see a drop-down labeled "Select your Azure DevOps organization," then click Create a new organization below it.
    2. Click Continue. An Azure DevOps organization will be created for you that is linked to your GitHub account's repositories.

๐Ÿš€ Create a new pipeline

  1. After you're redirected to the New pipeline page of your Azure DevOps organization, select your AtUniverse repository fork to create a pipeline for it.
  2. Select the Docker image template to build the repo's Dockerfile. Or, for an npm-only build, select Node.js.
  3. YAML text that defines your pipeline will be displayed.
  4. Click Save and run. In the pane that appears, select Create a new branch for this commit and start a pull request. Then, click Save and run at the bottom of the pane.
  5. The YAML file is pushed to a new branch of your GitHub repository, a pull request is created for it, and you'll see the pipeline run for the first time.

Check your build results on GitHub

  1. Navigate to your repository fork in your GitHub account (ex: https://github.com/janedoe/AtUniverse).
  2. Click the Pull requests tab and select the pull request that was created for you, named Set up CI with Azure Pipelines.
  3. At the bottom of the page, click Show all checks to see the build status of your pipeline.
  4. Near the top of the page, click the Checks tab. Select your build under the Azure Pipelines section to see more status information.

Merge the pull request

  1. Click on the Conversation tab near the top-left of the page. Click Merge to merge the pull request and enable continuous integration for your repository.

๐ŸŽ‰ You did it! Congratulations!

Now, your pipeline will automatically run to validate each pull request and when new code is merged into the master branch of your repository.

โ” Optional next steps

โš ๏ธ When you're done, close all browser tabs to completely sign out

You've set up your first pipeline using Azure Pipelines. Consider trying these follow-on steps.

Add the status badge to your repository

Build status

  1. In Azure Pipelines, go to the Builds page to view the list of pipelines.
  2. Select the pipeline that was created for you.
  3. Click ". . ." on the toolbar to view the context menu for the pipeline. Then, select Status badge (see the image below).
  4. Copy the Sample Markdown text to the clipboard.
  5. Paste the Markdown at the top of your repository's README.md file.

Context menu

Create another pipeline

Create additional pipelines by clicking + New build pipeline from within Azure Pipelines.

Deploy

Ask an Azure Pipelines representative how you can deploy your application to any platform or cloud.

atuniverse's People

Contributors

davidstaheli avatar microsoftopensource avatar msftgits avatar

Watchers

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