首页 开发工具 git 详解将Github项目部署到服务器上的步骤

详解将Github项目部署到服务器上的步骤

Mar 27, 2023 am 10:53 AM
git github

Github是目前全球最大的开源社区,很多程序员都会将自己的代码托管在Github上,借助其方便的版本控制和协作功能。然而,Github上的项目仅仅是代码,要把它部署到服务器上运行,需要一些额外的工作。本文将为大家介绍具体的操作步骤。

一、登录服务器

使用SSH远程连接,输入命令:

ssh root@your_server_ip
登录后复制

二、安装必要的软件

在服务器上安装Git和Node.js。以Ubuntu系统为例,执行以下命令:

sudo apt-get update
sudo apt-get install git
sudo apt-get install nodejs
登录后复制

三、在服务器上创建一个Git仓库

在服务器上创建一个空的目录,并在其中初始化一个Git仓库,执行以下命令:

mkdir myapp
cd myapp
git init --bare
登录后复制

四、设置Git Hooks

在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命令以安装项目依赖。

五、在Github上配置Webhooks

登录Github,在项目的Settings页面中点击Webhooks选项,然后点击Add webhook按钮。在Payload URL中输入服务器的IP地址和post-receive钩子的路径,例如:http://your_server_ip:8000/hooks/post-receive。在Content type中选择application/json,然后点击Add webhook。

六、在本地的代码中添加服务器地址

在本地的代码中修改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"
      }
    }
  }
}
登录后复制

其中,deploy脚本会将代码推送到服务器上的myapp.git仓库中;config/deploy/production中定义了一些配置项,包括服务器的ip地址、项目的路径、钩子所在的路径等。

七、执行代码部署

在本地的代码目录中执行以下命令:

npm run deploy production
登录后复制

该命令将代码推送到服务器上,触发post-receive钩子,自动将代码部署到/var/www/html/myapp目录下。

八、启动应用程序

进入到/var/www/html/myapp目录中,执行以下命令来启动应用程序:

npm start
登录后复制

应用程序现在应该可以在服务器上运行了!如果应用程序启动失败,则需要检查依赖项是否已正确安装,以及应用程序的配置是否正确。

总结:

以上就是将Github上的项目部署到服务器上的步骤。虽然这个过程看起来有些繁琐,但是通过使用这种方法,可以实现高效的代码部署和协作。同时,也为我们提供了很好的学习机会,让我们更深入地了解Git、Node.js等技术。

以上是详解将Github项目部署到服务器上的步骤的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

h5项目怎么运行 h5项目怎么运行 Apr 06, 2025 pm 12:21 PM

运行 H5 项目需要以下步骤:安装 Web 服务器、Node.js、开发工具等必要工具。搭建开发环境,创建项目文件夹、初始化项目、编写代码。启动开发服务器,使用命令行运行命令。在浏览器中预览项目,输入开发服务器 URL。发布项目,优化代码、部署项目、设置 Web 服务器配置。

Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Apr 04, 2025 pm 11:54 PM

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

在Go语言中使用Redis Stream实现消息队列时,如何解决user_id类型转换问题? 在Go语言中使用Redis Stream实现消息队列时,如何解决user_id类型转换问题? Apr 02, 2025 pm 04:54 PM

Go语言中使用RedisStream实现消息队列时类型转换问题在使用Go语言与Redis...

H5页面制作是否需要持续维护 H5页面制作是否需要持续维护 Apr 05, 2025 pm 11:27 PM

H5页面需要持续维护,这是因为代码漏洞、浏览器兼容性、性能优化、安全更新和用户体验提升等因素。有效维护的方法包括建立完善的测试体系、使用版本控制工具、定期监控页面性能、收集用户反馈和制定维护计划。

xml怎么转换成excel xml怎么转换成excel Apr 03, 2025 am 08:54 AM

有两种方法将 XML 转换为 Excel:使用 Excel 内置功能或第三方工具。第三方工具包括 XML to Excel 转换器、XML2Excel 和 XML Candy。

在Go编程中,如何正确管理Mysql和Redis的连接与释放资源? 在Go编程中,如何正确管理Mysql和Redis的连接与释放资源? Apr 02, 2025 pm 05:03 PM

Go编程中的资源管理:Mysql和Redis的连接与释放在学习Go编程过程中,如何正确管理资源,特别是与数据库和缓存�...

H5页面制作可以自学吗 H5页面制作可以自学吗 Apr 06, 2025 am 06:36 AM

H5页面制作自学可行,但并非速成。它需要掌握HTML、CSS和JavaScript,涉及设计、前端开发和后端交互逻辑。实践是关键,通过完成教程、查阅资料、参与开源项目来学习。性能优化也很重要,需要优化图片、减少HTTP请求和使用合适框架。自学之路漫长,需要持续学习和交流。

如何利用AI工具在React   Vite项目中快速搭建前台页面? 如何利用AI工具在React Vite项目中快速搭建前台页面? Apr 04, 2025 pm 01:45 PM

如何在后端开发中快速搭建前台页面?作为一个拥有三四年经验的后端开发者,掌握了基础的javascript、css和html�...

See all articles