vue s3 deployer

Vue S3 DeployerGithubアクション

Amazon S3バケットにVueアプリを展開するためのGitHubアクション。

使用法

ワークフローでは、アクションを指すステップを定義します。

      - name : Deploying application to Amazon S3
        uses : lewandy/vue-s3-deployer@main
        with :
          AWS_ACCESS_KEY_ID : ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY : ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_DEFAULT_REGION : ${{ secrets.AWS_DEFAULT_REGION }}
          AWS_BUCKET_NAME : ${{ secrets.AWS_BUCKET_NAME }}
          APP_SOURCE_CODE : ./
          BUILD_COMMAND : " npm run build "

構成

これらの設定は、展開を行うためにアクションが使用する環境変数です。以下に、各変数について説明します。

鍵	価値	必須	デフォルト
AWS_ACCESS_KEY_ID	AWSアクセスキー。詳細については、こちらをご覧ください。	はい	n/a
AWS_SECRET_ACCESS_KEY	AWSシークレットアクセスキー。詳細については、こちらをご覧ください。	はい	n/a
AWS_BUCKET_NAME	同期しているバケツの名前。たとえば、 vue-action 。	はい	n/a
AWS_DEFAULT_REGION	バケツの領域。デフォルトでus-east-1に設定します。 [ここの地域の完全なリスト
APP_SOURCE_CODE	これは、展開されるソースコードです	はい	./
BUILD_COMMAND	アプリケーションの構築に使用されるコマンド：https：//cli.vuejs.org/guide/cli-service.html#vue-cli-service-build	はい	生産

完全なワークフローの例？

これは、Vue S3 Deployerアクションを使用したVueアプリを展開するための簡単なワークフローです。

 # This is a basic workflow to help you get started with Vue s3 deployer action

name : Deployment

on :
  push :
    branches : [main]
  pull_request :
    branches : [main]

jobs :
  deploy :
    runs-on : ubuntu-latest

    steps :
      - uses : actions/checkout@v2

      - name : Deploying application to Amazon S3
        uses : lewandy/vue-s3-deployer@main
        with :
          AWS_ACCESS_KEY_ID : ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY : ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_DEFAULT_REGION : ${{ secrets.AWS_DEFAULT_REGION }}
          AWS_BUCKET_NAME : awesome-bucket
          APP_SOURCE_CODE : ./example
          BUILD_COMMAND : " npm run build "

注記 ？

Amazonアカウントの資格情報をリポジトリシークレットに保存することを忘れないでください。安全に滞在してください。

リソース

• https://levelup.gitconnected.com/deploying-vue-js-to-aws-with-https-and-a-custom-domain-name-3ae1f79fe188
• https://developer.okta.com/blog/2018/07/03/deploy-vue-app-aws

？貢献

1. このリポジトリをフォークします。
2. 機能名で新しいブランチを作成します。
3. 機能名でコミットメッセージをコミットして設定します。
4. コードをフォークリポジトリにプッシュします。
5. プルリクエストを作成します。 ？

§サポート

このプロジェクトが気に入ったら、このリポジトリ主演で私をサポートできます。

？ライセンス

mit

ドミニカ共和国から❤️と☕️で作られていますか？