詳解將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中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

Go語言中用於浮點數運算的庫介紹在Go語言(也稱為Golang)中,進行浮點數的加減乘除運算時,如何確保精度是�...

運行 H5 項目需要以下步驟:安裝 Web 服務器、Node.js、開發工具等必要工具。搭建開發環境,創建項目文件夾、初始化項目、編寫代碼。啟動開發服務器,使用命令行運行命令。在瀏覽器中預覽項目,輸入開發服務器 URL。發布項目,優化代碼、部署項目、設置 Web 服務器配置。

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

在BeegoORM框架下,如何指定模型關聯的數據庫?許多Beego項目需要同時操作多個數據庫。當使用Beego...

Go語言中哪些庫是大公司開發或知名開源項目?在使用Go語言進行編程時,開發者常常會遇到一些常見的需求,�...

Go語言中使用RedisStream實現消息隊列時類型轉換問題在使用Go語言與Redis...

H5頁面需要持續維護,這是因為代碼漏洞、瀏覽器兼容性、性能優化、安全更新和用戶體驗提升等因素。有效維護的方法包括建立完善的測試體系、使用版本控制工具、定期監控頁面性能、收集用戶反饋和製定維護計劃。
