iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
DevOps

嘿,稍等一下!別急著開發功能,先來打造 Walking Skeleton 吧!系列 第 19

【Walking Skeleton】Day19 - 在本地開發 push,在正式環境 pull

  • 分享至 

  • xImage
  •  

開發環境和正是環境分離,可以讓網站不會因為修改程式而時好時壞,獲得更好的使用者體驗

將專案從 Github clone 到自己電腦修改

首先要連上 Github 就會需要設定 SSH,如果前面有跟著做的話應該已經很熟悉了吧,上次是設定專案的 key,這次是設定使用者的 key,因為有可能是直接從這篇開始看,所以我還是會再示範一次

在 Github 專案頁面點 code 要複製網址時也會提醒,先點一下這個「add a new public key」

然後到終端機輸入

ssh-keygen -t ed25519 -C "{使用者名稱}@{電腦名稱}"

這邊因為我有產生過 key,所以要換個位置放

~/.ssh/github

產生完畢後,把檔案用文字編輯器打開,或是用 cat 讀取

cat ~/.ssh/github.pub

複製貼上到剛剛的網頁裡,並且取個標題名稱,最後按下「Add SSH key」

要輸入密碼確定是本人,避免被別人偷偷放 key,假裝是你

看到這個畫面就是設定好了

還有要設定 config,剛剛產生的 key 名稱是我自己取的,所以要設定這個

code ~/.ssh/config

用文字編輯器打開後,輸入以下設定,最後存檔,這樣就可以了

Host github.com
HostName github.com
Port 22
User git
IdentitiesOnly yes
IdentityFile ~/.ssh/github

回到專案的地方,把網址複製下來

在一個適合放專案的資料夾按右鍵開啟 Git Bash

然後輸入 git clone ,並且按下滑鼠右鍵貼上剛剛複製的網址,記得確認指紋後才能輸入 yes

用 VSCode 把專案打開

code 2023ironman

新增一個 /public/index.php 檔案,然後隨便打一些程式進去


將專案 push 回 Github

在 push 之前要先記得把程式加到暫存中

git add .

並且 commit 還有加上說明

git commit -m "add /public/index.php"

現在可以把修改的東西推上去囉

git push

重新整理一下網頁就能看到多出了一個資料夾,這樣就成功推上去了


從正式環境 pull 更新程式

一開始要先連進正式環境主機

ssh 2023ironman

然後 cd 到網站的資料夾中

cd /var/www/html

把更新過的程式拉下來

git pull

最後打開網站

部署程式連 VSCode 都不需要用到呢,直接終端機操作完成

這樣網站就更新啦,完全不用擔心會傳錯路徑導致網站壞掉


上一篇
【Walking Skeleton】Day18 - 安裝 Git Bash 把 Windows 終端機變漂亮!
下一篇
【Walking Skeleton】Day20 - 連自己連線進去 git pull 都懶嗎?交給 Github Actions 幫你做吧!
系列文
嘿,稍等一下!別急著開發功能,先來打造 Walking Skeleton 吧!34
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言