チュートリアル: PhpStorm でデプロイ
このチュートリアルでは、PhpStorm を使用してコードのデプロイを リモートホストに構成および管理する手順を段階的に説明します。
デプロイサーバーを構成する
新しいサーバーを追加する
Ctrl+Alt+S を押して設定を開き、を選択します。
または、メインメニューのに移動します。
をクリックし、作成するサーバーのタイプを選択します。この場合は、ローカルまたはマウント済みフォルダーです。
開いた新規サーバーの作成ダイアログでサーバー名を入力し、OK をクリックします。
新しいサーバーが追加されましたが、アップロードされたファイルを実際に参照する Web サーバー URL http://localhost のみが表示されます。
サーバーのルートフォルダーを指定する
フォルダーフィールドで、プロジェクトファイルをアップロードするディレクトリを指定します。
この場合、これは Users/jetbrains/deployment ローカルフォルダーです。パスを手動で入力するか、Shift+Enter を押します。
後でこの構成をエクスポートできるようにするには、このプロジェクトでのみ表示するオプションを無効にします。
デプロイパスを指定する
次に、マッピングタブに切り替えます。
デフォルトでは、ローカルパスフィールドにはプロジェクトルートへのパスが含まれています。ただし、プロジェクトツリー内の他のディレクトリを選択することもできます。デフォルトのパスを使用しましょう。
デプロイメントパスフィールド (デフォルトでは空) で、PhpStorm がローカルパスフィールドで指定されたフォルダーからデータをアップロードするサーバー上のフォルダーを指定します。
この例では、Application です。このパスは、Web サーバーのルートフォルダー ( Users/jetbrains/deployment) を基準として指定されます。
Web パスのデフォルトの / 値のままにします。
変更を適用すると、サーバーを使用できるようになります。
リモートホストの参照
サーバーが起動していることを確認するには、メインメニューでを選択すると、PhpStorm ウィンドウの右側にリモートホストツールウィンドウが表示されます。
ファイルのデプロイ
サーバーにファイルをアップロードする
まず、ファイルの 1 つをリモートサーバーにアップロードしましょう。
プロジェクトツールウィンドウ (Alt+1) で、アップロードするファイルを右クリックします。この場合、これは README.md ファイルです。
コンテキストメニューからを選択し、アップロードを確認して、アップロード結果を確認します。
プロジェクト内の各ディレクトリの内容をアップロードすることもできます。プロジェクトツールウィンドウでアップロードするディレクトリを右クリックし、を選択します。
リモートとローカルバージョンを比較する
README.md ファイルにはローカルコピーとリモートコピーがあり、それらは同一です。ローカルバージョンを変更します。
リモートホストツールウィンドウツールウィンドウで、README.md を右クリックし、ローカルバージョンと比較を選択します。PhpStorm によって差分ビューアーが開きます。
サーバーからファイルをダウンロードする
リモートホストツールウィンドウツールウィンドウで、README.md ファイルを右クリックし、ここからダウンロードを選択します。PhpStorm に警告が表示されます。
はいをクリックします。
以前にサーバーにアップロードされている場合は、ディレクトリ全体をダウンロードすることもできます。
変更を同期する
Ctrl+Z を押して、README.md ファイルの変更を元に戻します。
README.md ファイルをクリックし、メインメニューからを選択します。
PhpStorm は、個々の変更を承認または拒否できる差分ビューアーを表示します。
デフォルトのサーバーにファイルを自動的にアップロードする
PhpStorm プロジェクトとまったく同じファイルをサーバー上に用意する必要がある場合、自動アップロードが役立ちます。自動アップロードとは、IDE で変更が発生するたびに、その変更がデフォルトのデプロイサーバーにデプロイされることを意味します。
変更されたファイルの自動アップロード中にその設定がデフォルトで適用される場合、デプロイサーバーはデフォルトと見なされます。
デフォルトサーバーを定義する
Ctrl+Alt+S を押して設定を開き、を選択します。
または、メインメニューのに移動します。
サーバーのリストからデフォルトにするサーバーを選択し、サーバーリストの上にあるツールバーの
をクリックします。
自動アップロードを有効にする
デフォルトサーバーが設定されると、このサーバーへのアップロードを自動化できます。
Ctrl+Alt+S を押して設定を開き、を選択します。
または、メインメニューのに移動します。
変更されたファイルのデフォルトサーバーへの自動アップロードドロップダウンリストから、次のオプションのいずれかを選択します。
常時 : 自動保存および明示的保存のたびにファイルをアップロードします。
明示的な保存操作時 : この保存がを選択するか、Ctrl+S を押して手動で呼び出された場合にのみ、保存後にファイルをアップロードします。
常時モードは、本番環境にデプロイすることは推奨されません。開発中に不完全なコードがアップロードされ、本番アプリケーションが壊れる可能性があります。
外部の変更をアップロードする
デフォルトでは、VCS ブランチの変更、SASS または LESS のコンパイル、File Watcher などの外部プロセスによってファイルが変更された場合、PhpStorm はファイルもアップロードします。この動作を変更して外部の変更をスキップするには、変更されたファイルをデフォルトサーバーにアップロードするを常時に設定し、外部変更をスキップするチェックボックスを選択します。
要約
この非常に基本的なチュートリアルに合格し、次のタスクを実行しました。
独自のサーバーを作成して構成しました。
ファイルとフォルダーのアップロードおよびダウンロード。
ローカルとリモートのバージョンを比較しました。
サーバーをデフォルトとして構成しました。
外部変更の自動アップロードを有効にしました。
関連ページ：
デプロイ: マッピングタブ
タブで、PhpStorm で開かれたプロジェクト、このプロジェクトに対応するサーバードキュメントルートのフォルダー、およびそのフォルダーへの URL パス間のマッピングを指定します。最も簡単な方法は、プロジェクトルートフォルダー全体をサーバードキュメントルートのフォルダーにマップすることです。この場合、プロジェクトフォルダー構造はサーバー上で再作成されます。ローカルパスこのフィールドには、ローカルプロジェクトフォルダーへの絶対パスを指定します。PhpStorm は、現在開いているプロジェクトへの...
リモートホストツールウィンドウ
このツールウィンドウを使用して、対象の FTP/FTPS/SFTP サーバーのフォルダー構造とアップロードされたデータを表示します。リモートホストツールウィンドウを開く：。(以前にから開かれている場合にのみツールウィンドウリストで使用可能)。オプション：リモートホストツールウィンドウのオプションメニューには、一般オプションのほかに、ファイルサイズ、アクセス許可、最終変更日など、アップロードされたファイルに関するメタデータを表示するためのオプションが含まれています。ツールバー：リモートホスト
Git ブランチの管理
Git では、ブランチは、たとえば機能の作業が必要な場合や、リリースのためにコードベースの特定の状態を固定する必要がある場合などに、メインの開発ラインから分岐できるようにする強力なメカニズムです。PhpStorm では、ブランチに関するすべての操作は VCS ウィジェットで行われます。これを呼び出すには、メインウィンドウのヘッダーで、現在チェックアウトされているブランチの名前が付いたウィジェットをクリックします。Git ツールウィンドウのブランチペインで、ブランチを管理し、複数のブランチでバッチ操...
Sass、SCSS、Less、PostCSS
PhpStorm は、Sass、Less、SCSS コードを CSS に変換するコンパイラーと統合します。PhpStorm でコンパイラーを使用するには、関連する事前定義済みテンプレートに基づいて、File Watcher としてコンパイラーを構成する必要があります。始める前に：お使いのコンピューターに Node.js がインストールされていることを確認してください。設定 | プラグインページのインストール済みタブで、CSS、Sass、Less、File Watchers の必須プラグインが有効になっている...
File Watchers
File Watcher は、ファイルの変更を追跡し、サードパーティのスタンドアロンアプリケーションを実行する PhpStorm システムです。PhpStorm は、多数の標準的な一般的なサードパーティツール (コンパイラー、コンプレッサー、整形ツールなど) 用に定義済みの File Watcher テンプレートを提供します。カスタム File Watcher を設定して、他のサードパーティツールを実行することもできます。File Watchers には 2 つの専用コードインスペクションがありま...
デプロイ設定のエクスポート / インポート
PhpStorm を使用すると、同じマシン上の PhpStorm の異なるインスタンス間、異なるマシン間、使用する異なる JetBrains IDE 製品間でデプロイ設定を共有できます。これを行うには、サーバー構成設定をエクスポートし、別の IDE インスタンスにインポートする必要があります。設定を ZIP アーカイブにエクスポートメインメニューからを選択します。開いた設定のエクスポートダイアログで、Web サーバーチェックボックスが選択されていることを確認し、ターゲットアーカイブへのパスを指定...