アリクラウドcodepipelineを使用して、フロントエンドエンジニアリング(vue、reactなど)チュートリアルを継続的に導入

1、codepipelineとは何ですか
アリクラウドCodePipelineは、持続的な統合/持続的な納品能力を提供し、Jenkinsの能力と使用習慣を完全に互換性のあるSAAS化製品です.アリクラウドCodePipelineを使用することで、コードからアプリケーションへの継続的な統合と納品をクラウドで容易に実現でき、製品の機能反復と進化を迅速に行うことができます.
人の話は、プロジェクトを構築し、指定したサーバの場所に配置することです.
2、codepipielineの流れ

まず、指定したgitアドレスからプロジェクトファイルを引き出し、構築コマンド(自己記入)

を実行します.

構築コマンドの実行が完了したら、構築物をossにアップロードします.

デプロイメントサーバはossから構築物を引き出し、ワークスペース

に自動的に解凍します.

配置命令

を実行する.
3、なぜcodepipelineを使うのか

jenkinsなどのciサーバを独自に導入する必要はありません.サーバリソース

も占有しません.

プロジェクトに統合するのは簡単です(穴はもう踏んであげました)

は現在、無料の可能性が高い.アリはクラウド効果(もう一つのci)を出して大中型会社に使用した.codepipelineは個人開発と中小企業を対象としている.

は釘と組み合わせて使用でき、自動的に構築結果を同期させることができる.とても気持ちがいい

それ自体がアリクラウドcodeやアリクラウドサーバを使っているなら、もっと使いやすいです.
4、準備

ossにアップロードする必要があるのでossを開通しなければなりません.(費用が発生する可能性があり、1 Gを1ヶ月0.12元保存し、これは(ken)この(ding)に耐えられる)

5、本格的にやる
1、先にcodepipelineを開通する
2、新しいプロジェクトを作成し、フロントエンドは必ずnodejs環境である.
3、ここに項目のssh住所を記入してください.そうですgit@....あ、証明書は必ず構成しなければなりません!
4、証明書を構成し、sshユーザーを選択します.秘密鍵を入力して、公開鍵ではないことに注意してください.
アリクラウドcodeのプロジェクトであれば、図のように公開鍵を保存します.
5、構築コマンド:例えば私のvueプロジェクト.そうです

npm install
npm run build

テストコマンドは自分のプロジェクトの構成によって決まります.
6、ossにアップロードして、vueのデフォルトのパッケージで生成されたディレクトリはすべてdistで、自分の実際の記入によっていいです.ここはxxx.gzにパッケージされた圧縮パッケージでアップロードされています
ossにbucketを新規作成し、デフォルトオプションを選択すればいいです.地域は華北2でいいです.
7、ここに大きな穴(赤と太さ)があります(ECSに配備する必要がなければ直接スキップします)
ECSで次のコードが実行されている場合(個人ごとに異なるので、私のコードをコピーしないでください)、オプションのデプロイメントターゲットではリフレッシュできません.

export DEPLOYINDENTIFIER=9996e9f03039d1d121f5cb015e701d62 && wget -nv -O-  http://aliclouddeployclient.oss-cn-beijing.aliyuncs.com/alicloud_deployclient_installer.sh | bash（   ，    ）

公式ドキュメントを涙ながらにご覧ください.はい、2つの場所のECSサーバーしかサポートされていません.他の作業指示が必要です.

しかし、私が出会ったのは初めてで、2回目の構成のリフレッシュができませんでした.公式文書に属する第2のケース

2 2 2回目の構成の場合、同じサーバで上のコード(赤と太)を実行しないでください!!!

公式ドキュメント公式ドキュメント公式ドキュメント公式ドキュメント公式ドキュメント、本当に探しにくいです.
配置命令(赤と太)!!!

は、デプロイコマンドが構築物をossからダウンロードし、解凍してから実行すると説明した.(文書にない)

配置コマンドの実行環境は、次のワークスペースで指定されたディレクトリであり、構築物もこのディレクトリに置かれています.

の公式の提案は、ワークスペースがコード配置のパスではなく、個別のディレクトリを指定し、配置コマンドの中で解凍されたファイルをコード配置の場所にコピーし、この個別のディレクトリを空にすることです.

チェックコマンドとロールバックコマンドは自分で遊んでください.私は今空いています.
8、相変わらず大きな穴(トリガを使うなら)
図のように、枠をかけた部分は、絶対に動かないでください.絶対に直さないで!!!(赤と太)!!!!変更すると、トリガのコードが無効になります.
実はここまでは基本的にokですが、トリガを追加する必要がある場合は、下に読んでください.必要がなければ、下にも続けてください.あなたが私にあげるのを忘れたからです.
点赞:)
8、トリガを追加し、トリガの使用を強くお勧めします.これにより、構築が必要な場合、push 1回のコードだけで自動的に構築されます.
トリガを生成するには、トリガドキュメントをよく読んで、最後に生成ボタンをクリックする前に、手順に注意してください.
特に注意して、きっとソースコードの管理のものを修正しないでください、私にどうして聞かないでください、2日間カードしてやっと得た結論は私はあなたに教えます
9、配置が成功した後、現在メールと釘のヒントを送ることができます.これは簡単なので紹介しません.
実は配置が成功したら、いろいろな游び方ができます.これは自分で游ぶ必要があります.
次に遭遇するピット:

コンストラクションに失敗した場合は、現在のコンストラクションを削除してください.そうしないと、トリガは

動作しません.