Home Development Tools git Detailed explanation of the steps to deploy Github projects to the server

Detailed explanation of the steps to deploy Github projects to the server

Mar 27, 2023 am 10:53 AM
git github

Github is currently the largest open source community in the world. Many programmers will host their own code on Github to take advantage of its convenient version control and collaboration functions. However, the project on Github is just code, and deploying it to the server for running requires some extra work. This article will introduce you to the specific steps.

1. Log in to the server

Use SSH to connect remotely and enter the command:

ssh root@your_server_ip
Copy after login

2. Install the necessary software

Install Git and Node.js on the server. Taking the Ubuntu system as an example, execute the following command:

sudo apt-get update
sudo apt-get install git
sudo apt-get install nodejs
Copy after login

3. Create a Git repository on the server

Create an empty directory on the server and put it in it Initialize a Git repository and execute the following command:

mkdir myapp
cd myapp
git init --bare
Copy after login

4. Set up Git Hooks

Add a post-receive hook in the Git repository to automatically deploy the application, execute The following command:

cd hooks
touch post-receive
sudo chmod +x post-receive
nano post-receive
Copy after login

Enter the following content in the open text editor:

#!/bin/bash
git --work-tree=/var/www/html/myapp --git-dir=/root/myapp.git checkout -f
cd /var/www/html/myapp
sudo npm install
Copy after login

The script will automatically check out the code to /var/www/html/myapp and execute npm install command to install project dependencies.

5. Configure Webhooks on Github

Log in to Github, click the Webhooks option in the project's Settings page, and then click the Add webhook button. Enter the server's IP address and the path of the post-receive hook in the Payload URL, for example: http://your_server_ip:8000/hooks/post-receive. Select application/json in Content type and click Add webhook.

6. Add the server address in the local code

Modify the package.json file in the local code and add the following content:

{
  "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"
      }
    }
  }
}
Copy after login

Among them, the deploy script will push the code to the myapp.git warehouse on the server; some configuration items are defined in config/deploy/production, including the IP address of the server, the path of the project, the path of the hook, etc.

7. Execute code deployment

Execute the following command in the local code directory:

npm run deploy production
Copy after login

This command will push the code to the server and trigger The post-receive hook automatically deploys the code to the /var/www/html/myapp directory.

8. Start the application

Go to the /var/www/html/myapp directory and execute the following command to start the application:

npm start
Copy after login

The application should now run on the server! If the application fails to start, you need to check that the dependencies are installed correctly and that the application is configured correctly.

Summary:

The above are the steps to deploy the project on Github to the server. Although this process may seem tedious, using this approach allows for efficient code deployment and collaboration. At the same time, it also provides us with great learning opportunities, allowing us to have a deeper understanding of Git, Node.js and other technologies.

The above is the detailed content of Detailed explanation of the steps to deploy Github projects to the server. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1655
14
PHP Tutorial
1254
29
C# Tutorial
1228
24
How to update code in git How to update code in git Apr 17, 2025 pm 04:45 PM

Steps to update git code: Check out code: git clone https://github.com/username/repo.git Get the latest changes: git fetch merge changes: git merge origin/master push changes (optional): git push origin master

How to download git projects to local How to download git projects to local Apr 17, 2025 pm 04:36 PM

To download projects locally via Git, follow these steps: Install Git. Navigate to the project directory. cloning the remote repository using the following command: git clone https://github.com/username/repository-name.git

How to merge code in git How to merge code in git Apr 17, 2025 pm 04:39 PM

Git code merge process: Pull the latest changes to avoid conflicts. Switch to the branch you want to merge. Initiate a merge, specifying the branch to merge. Resolve merge conflicts (if any). Staging and commit merge, providing commit message.

What to do if the git download is not active What to do if the git download is not active Apr 17, 2025 pm 04:54 PM

Resolve: When Git download speed is slow, you can take the following steps: Check the network connection and try to switch the connection method. Optimize Git configuration: Increase the POST buffer size (git config --global http.postBuffer 524288000), and reduce the low-speed limit (git config --global http.lowSpeedLimit 1000). Use a Git proxy (such as git-proxy or git-lfs-proxy). Try using a different Git client (such as Sourcetree or Github Desktop). Check for fire protection

How to solve the efficient search problem in PHP projects? Typesense helps you achieve it! How to solve the efficient search problem in PHP projects? Typesense helps you achieve it! Apr 17, 2025 pm 08:15 PM

When developing an e-commerce website, I encountered a difficult problem: How to achieve efficient search functions in large amounts of product data? Traditional database searches are inefficient and have poor user experience. After some research, I discovered the search engine Typesense and solved this problem through its official PHP client typesense/typesense-php, which greatly improved the search performance.

How to use git commit How to use git commit Apr 17, 2025 pm 03:57 PM

Git Commit is a command that records file changes to a Git repository to save a snapshot of the current state of the project. How to use it is as follows: Add changes to the temporary storage area Write a concise and informative submission message to save and exit the submission message to complete the submission optionally: Add a signature for the submission Use git log to view the submission content

How to update local code in git How to update local code in git Apr 17, 2025 pm 04:48 PM

How to update local Git code? Use git fetch to pull the latest changes from the remote repository. Merge remote changes to the local branch using git merge origin/<remote branch name>. Resolve conflicts arising from mergers. Use git commit -m "Merge branch <Remote branch name>" to submit merge changes and apply updates.

How to delete a repository by git How to delete a repository by git Apr 17, 2025 pm 04:03 PM

To delete a Git repository, follow these steps: Confirm the repository you want to delete. Local deletion of repository: Use the rm -rf command to delete its folder. Remotely delete a warehouse: Navigate to the warehouse settings, find the "Delete Warehouse" option, and confirm the operation.

See all articles