VueJSアプリケーションのメンテナンス方法とライブサーバーでの更新方法

Question

私は答えが見つからないという一般的な質問があります。 私はJavascriptのアプリやフレームワークを初めて使用しています。バグを修正したり、改善する必要があるときにFTPに接続して、変更してアップロードする必要があるファイルを入手する必要があるときに、ウェブサイトが稼働中で実行中であるとします。 ライブサーバー（Apacheなど）で使用する前にVueJsフレームワーク、Angularjsなどを "ビルド"（コンパイル）しなければならない場合はどうすればこのようなプロジェクトを維持できますか？

Answer 1

これについて最も簡単な方法は、サーバーに構築するディレクトリSCPです。これはFTPより優れていますが、良い解決策からは遠いです。

「正しい」方法は、Travis CIのようなものを使ってビルドプロセスを自動化することです - リポジトリのmasterブランチに移動したときにTravisが自動的に変更をサーバーにプルするようなものそれを構築する。これは、単にバージョン履歴のためのGitや各ビルドで任意の数のことを可能にするTravisなどのツールに頼っているため、手動でのデプロイメントよりもはるかに優れています。これには、linting、ビルドをテストスイートに対して実行して、バグが誤ってサーバーに作成されていないことを確認し、資産を縮小することができます。

BitBucket PipelinesとGitLab CIのようないくつかの選択肢がありますが、これはあなたのリポジトリがどこにホストされているかによってより便利かもしれません。 Jenkinsもご覧ください。

Answer 2

このようなプロジェクトを「ビルド」する方法はありますか？

まず、FTPでファイルにアクセスして更新することはありません。 git/svnを使用して、プロジェクトのバージョン管理をしてください。すべての変更に対してテストを構築して実行し、その結果をリポジトリにプッシュします。

プッシュが完了すると、トリガーになる「フック」（トラビスまたはジェンキン）が表示されます。これにより、別のサーバー上で、本番サーバーと同じ環境内でプロジェクト内のすべてのテストを実行します。すべてがうまくいけば、プロダクションサーバーにフルプロジェクトを展開します。

展開するには、バージョン管理コマンド（git cloneを初めて使用してからgit pull）を使用するのが最善の方法です。このようにすれば、ウェブサイトは数秒でオフラインになることがあります。良いことは、別のフォルダ（またはコンテナ）の内部にプロジェクトを構築し、ビルドしてからインターネットのリダイレクトを変更することです。