ホームページ 開発ツール Git Github プロジェクトをサーバーにデプロイする手順の詳細な説明

Github プロジェクトをサーバーにデプロイする手順の詳細な説明

Mar 27, 2023 am 10:53 AM
git github

Github は現在、世界最大のオープン ソース コミュニティです。多くのプログラマは、その便利なバージョン管理機能やコラボレーション機能を利用するために、Github で独自のコードをホストします。ただし、Github 上のプロジェクトは単なるコードであり、それをサーバーにデプロイして実行するには追加の作業が必要です。この記事では具体的な手順を紹介します。

1. サーバーにログインします。

SSH を使用してリモート接続し、コマンド

ssh root@your_server_ip
ログイン後にコピー

2 を入力します。必要なソフトウェアをインストールします

Git と Node.js をサーバーにインストールします。 Ubuntu システムを例として、次のコマンドを実行します:

sudo apt-get update
sudo apt-get install git
sudo apt-get install nodejs
ログイン後にコピー

3. サーバー上に Git リポジトリを作成します

サーバー上に空のディレクトリを作成し、 Git リポジトリを初期化し、次のコマンドを実行します:

mkdir myapp
cd myapp
git init --bare
ログイン後にコピー

4. Git フックのセットアップ

Git リポジトリに post-receive フックを追加して、自動的にアプリケーションをデプロイし、次のコマンドを実行します。

cd hooks
touch post-receive
sudo chmod +x post-receive
nano post-receive
ログイン後にコピー

開いているテキスト エディタに次の内容を入力します。

#!/bin/bash
git --work-tree=/var/www/html/myapp --git-dir=/root/myapp.git checkout -f
cd /var/www/html/myapp
sudo npm install
ログイン後にコピー

スクリプトは、コードを /var/www/html/myapp に自動的にチェックアウトします。そして、npm install コマンドを実行してプロジェクトの依存関係をインストールします。

5. Github で Webhook を構成する

Github にログインし、プロジェクトの [設定] ページで [Webhook] オプションをクリックし、[Webhook の追加] ボタンをクリックします。ペイロード URL にサーバーの IP アドレスと post-receive フックのパスを入力します (例: http://your_server_ip:8000/hooks/post-receive)。 [コンテンツ タイプ] で application/json を選択し、[Webhook の追加] をクリックします。

6. ローカル コードにサーバー アドレスを追加します

ローカル コードの package.json ファイルを変更し、次の内容を追加します:

{
  "scripts": {
    "start": "node app.js",
    "deploy": "git push deploy master"
  },
  "config": {
    "deploy": {
      "production": {
        "user": "root",
        "host": "your_server_ip",
        "ref": "origin/master",
        "repo": "ssh://git@your_server_ip:/root/myapp.git",
        "path": "/var/www/html/myapp",
        "ssh_options": ["StrictHostKeyChecking=no", "PasswordAuthentication=no"],
        "post-deploy": "npm install && pm2 restart app"
      }
    }
  }
}
ログイン後にコピー

その中で、デプロイ スクリプトはコードをサーバー上の myapp.git ウェアハウスにプッシュします。サーバーの IP アドレス、プロジェクトのパス、プロジェクトのパスなど、一部の構成項目は config/deploy/production で定義されます。フックなど

7. コードのデプロイメントを実行します

ローカル コード ディレクトリで次のコマンドを実行します:

npm run deploy production
ログイン後にコピー

このコマンドはコードをサーバーにプッシュし、トリガー post-receive フックは、コードを /var/www/html/myapp ディレクトリに自動的にデプロイします。

8. アプリケーションの起動

/var/www/html/myapp ディレクトリに移動し、次のコマンドを実行してアプリケーションを起動します:

npm start
ログイン後にコピー

これでアプリケーションがサーバー上で実行されるはずです。アプリケーションの起動に失敗した場合は、依存関係が正しくインストールされていること、およびアプリケーションが正しく構成されていることを確認する必要があります。

概要:

上記は、Github 上のプロジェクトをサーバーにデプロイする手順です。このプロセスは面倒に思えるかもしれませんが、このアプローチを使用すると、効率的なコードの展開とコラボレーションが可能になります。同時に、Git、Node.js、その他のテクノロジーをより深く理解できるよう、素晴らしい学習の機会も提供します。

以上がGithub プロジェクトをサーバーにデプロイする手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

H5プロジェクトの実行方法 H5プロジェクトの実行方法 Apr 06, 2025 pm 12:21 PM

H5プロジェクトを実行するには、次の手順が必要です。Webサーバー、node.js、開発ツールなどの必要なツールのインストール。開発環境の構築、プロジェクトフォルダーの作成、プロジェクトの初期化、コードの書き込み。開発サーバーを起動し、コマンドラインを使用してコマンドを実行します。ブラウザでプロジェクトをプレビューし、開発サーバーURLを入力します。プロジェクトの公開、コードの最適化、プロジェクトの展開、Webサーバーの構成のセットアップ。

GOの浮動小数点番号操作に使用されるライブラリは何ですか? GOの浮動小数点番号操作に使用されるライブラリは何ですか? Apr 02, 2025 pm 02:06 PM

GO言語の浮動小数点数操作に使用されるライブラリは、精度を確保する方法を紹介します...

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

Beego ormのモデルに関連付けられているデータベースを指定する方法は? Beego ormのモデルに関連付けられているデータベースを指定する方法は? Apr 02, 2025 pm 03:54 PM

Beegoormフレームワークでは、モデルに関連付けられているデータベースを指定する方法は?多くのBEEGOプロジェクトでは、複数のデータベースを同時に操作する必要があります。 Beegoを使用する場合...

GOのどのライブラリが大企業によって開発されていますか、それとも有名なオープンソースプロジェクトによって提供されていますか? GOのどのライブラリが大企業によって開発されていますか、それとも有名なオープンソースプロジェクトによって提供されていますか? Apr 02, 2025 pm 04:12 PM

大企業または有名なオープンソースプロジェクトによって開発されたGOのどのライブラリが開発されていますか? GOでプログラミングするとき、開発者はしばしばいくつかの一般的なニーズに遭遇します...

Redisストリームを使用してGO言語でメッセージキューを実装する場合、user_idタイプの変換の問題を解決する方法は? Redisストリームを使用してGO言語でメッセージキューを実装する場合、user_idタイプの変換の問題を解決する方法は? Apr 02, 2025 pm 04:54 PM

redisstreamを使用してGo言語でメッセージキューを実装する問題は、GO言語とRedisを使用することです...

H5ページの生産には継続的なメンテナンスが必要ですか? H5ページの生産には継続的なメンテナンスが必要ですか? Apr 05, 2025 pm 11:27 PM

H5ページは、コードの脆弱性、ブラウザー互換性、パフォーマンスの最適化、セキュリティの更新、ユーザーエクスペリエンスの改善などの要因のため、継続的に維持する必要があります。効果的なメンテナンス方法には、完全なテストシステムの確立、バージョン制御ツールの使用、定期的にページのパフォーマンスの監視、ユーザーフィードバックの収集、メンテナンス計画の策定が含まれます。

GOモジュールの下でカスタムパッケージを正しくインポートする方法は? GOモジュールの下でカスタムパッケージを正しくインポートする方法は? Apr 02, 2025 pm 03:42 PM

GO言語開発では、カスタムパッケージを適切に導入することが重要なステップです。この記事では、「ゴラン...

See all articles