githubアクションhackathon 2021 - GitHubアクションを使用してGitHubページに角度アプリケーションをホストする

マイワークフロー
このワークフローを作成して、角度12GitHub Pages .

提出カテゴリ
DIY展開

YAMLファイル

name: GitHub Pages

on:
  push:
    branches:
    - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout
      uses: actions/[email protected]

    - name: Setup Node.js
      uses: actions/[email protected]
      with:
        node-version: '16'

    - name: Install dependencies
      run: npm install

    - name: Run tests
      run: npm run test:headless

    - name: Build
      run: npm run build:prod

    - name: Deploy
      if: success()
      uses: peaceiris/[email protected]
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }}
        publish_dir: dist/angular-github-actions
        enable_jekyll: true

コードへのリンク

rodrigokamada / angular-github-actions
角度13を使用して構築されたアプリケーションの例では、githubのページをgithubのアクションを使ってホストしています.
アングルgithubアクション
アプリケーションの例Angular 13でホストされてGitHub Pages 使用GitHub Actions .
このチュートリアルはblog ポルトガル語と英語で.

必要条件
起動する前に、ツールをインストールして設定する必要があります.

git

Node.js and npm

Angular CLI

IDE (例:Visual Studio Code )

始める
アカウントの作成と設定
1 .アカウントを作成しましょう.アクセスサイトhttps://github.com/ ボタンをクリックします.

2 .フィールドのユーザー名、電子メールアドレス、パスワードを入力し、ボタンをクリックしてチャレンジを解決し、ボタンをクリックしてアカウントを作成します.

3 .リポジトリを作成しましょう.アバターでメニューをクリックして、リポジトリのメニューをクリックします.

ボタンをクリックします.

5 .フィールドリポジトリ名を入力し、クリックします.
View on GitHub

追加情報
このチュートリアルはblog ポルトガル語と英語で.