文章

vue3 使用 google map api

很許多api一樣,要使用的話要先創建帳號。

準備項目:

  1. 創建一個gcp帳號,並且建立一個專案project。
  2. 啟用google map api產生google map api key
  3. 創建一個vue3專案
閱讀更多

gitlab cicd 部署前端專案(vue or react)至 gce

一般來說單純部署前端其實不需要起一個 vm 去放,只要使用 gcp 的container registry+cloud run就可以了。

但是因為這次接的案子,客戶提供的api僅能用沒有ssl的方式請求,而cloud run部署出來的入口是有ssl的,因此就只好用傳統的部署方式到vm上。

在開始之前,你必須要準備好以下幾件事:

  1. 創建一個gcp vm ,並安裝好nginx。
  2. 將專案放在gitlab上。
閱讀更多

M1 使用本地 docker push 到 cloud run 出現錯誤

最近公司配了一台M1,於是在本地像往常一樣build image然後推到contianer registry,到這邊都很順利,但是到cloud run去重新部署的時候,就出現Cloud Run error: Container failed to start. Failed to start and then listen on the port defined by the PORT environment variable. Logs for this revision might contain more information. Logs URL:...錯誤,然後照著他的網址點進去,看到錯誤訊息:

閱讀更多

GCP 自動備份 vm

gcp的備份功能,我是用「快照」這個方式去做,他只會記住你有更改的部分,不是整個備份起來,所以佔的去間非常小,比較不會消耗主機容量。

要開啟自動快照功能,前提是你要先有一個vm。

閱讀更多

使用docker把網站部署到gcp

如果你的電腦有安裝docker,要把網站送上gcp就是一件超簡單的事~

進行下面步驟之前,請先:

  1. 使用一個 gmail 登入 gcp
  2. 創建一個 gcp 專案
  3. 在自己電腦安裝 docker
閱讀更多

在gitlab部署vue專案到cloud run

vue 專案目前放在 gitlab 上管理,為什麼不放在 github?因為環境變數.envconfig 檔案都無法進入 git 記錄,很麻煩。如果你是想要展示作品,可以放在 github,但是如果是一個有機密資料的專案,我還是都會選擇放到 gitlab,而且 gitlab 的 CICD 自動化部署真的是很方便。

閱讀更多

把本地 mysql 資料轉移到GCP SQL

在本地開發的專案,最終都會需要放到遠端,這時候我就遇到一個問題,除了前後端都要上GCP之外,還有database也要上去啊!!

這邊題外話,每次進到GCP,就會有種莫名恐懼,選項好多,好怕亂按就執行甚麼毀滅性任務,如果你有跟我一樣的感覺,表示我不孤單,新手總是有很多無法掌控的不安全感XDDD

閱讀更多

安裝Google Cloud SDK

想要把本地的檔案推到 GCP 上面,一定就會使用到Google Cloud SDK,官網上面有說明安裝的步驟,但是都是英文,所以這邊硬是把它翻譯一下,拆解步驟:

這邊是使用 macOS 系統, windows 的指令可能會有不同,所以如果是 windows 的系統,指令部分還是要參考官網。

閱讀更多