如何使用nginx部署前端靜態網站？

, ,

這篇會使用到 Google Cloud Platform (GCP) 的 computed engine ，其實部署前端靜態網站最快的方式是用 Docker + GCP cloud run ，而且 cloud run 會給一個 https 的預覽網址。但是這次客戶要求只能先打 http 的 api ，所以只好自己用 nginx 放。

閱讀更多
0
/0 評論/通過：

如何在 Mac M2 芯片安裝 gcloud CLI？

,

換了新電腦，之前的電腦是intel晶片，現在換的是M2，處理器架構不一樣了，安裝很多東西都要先看一下這些軟體有沒有影響。

重新安裝 Google Cloud CLI ，官網文件點這裡

閱讀更多
0
/0 評論/通過：

如何使用 cloud build 把網站部署到 cloud run？

, ,

cloud run 是可以把你 build 好的 image 啟動，並且給你一個已經有 https 的網址輸出使用。

也就是說假設你有個不論是前端靜態網站、後端服務，都可以部署到 cloud run ，並且費用非常便宜，0.幾塊美金一個月而已。

閱讀更多
0
/0 評論/通過：

如何使用 gce 架設 wordpress 網站？

, , ,

中小企業在網站架設的解決方案上，通常會在一個主機上安裝多個網站，這篇教學使用 docker-compose + nginx 架設 wordpress 網站在 google compute engine 上。

閱讀更多
0
/0 評論/通過：

如何在 ubuntu 安裝 docker？

, ,

使用 docker 的目的就是可以方便在任何環境部署服務，所以不管在哪個主機都要先學會如何安裝 docker。

閱讀更多
0
/0 評論/通過：

如何使用 Doceker 打包 next.js 專案？

, ,

使用 next.js 製作網站不外乎就是為了 ssr 這個重點，因為一般的 SPA 網站像是純 react 或 vue，是沒有 seo 的，也就是當我們做好網站，google 搜尋引擎是搜尋不到你的內容的。

閱讀更多
0
/0 評論/通過：

vue3 使用 google map api

, ,

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

準備項目：

  1. 創建一個gcp帳號，並且建立一個專案project。
  2. 啟用google map api產生google map api key
  3. 創建一個vue3專案
閱讀更多
0
/0 評論/通過：

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

, ,

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

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

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

  1. 創建一個gcp vm ，並安裝好nginx。
  2. 將專案放在gitlab上。
閱讀更多
0
/0 評論/通過：

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:...錯誤，然後照著他的網址點進去，看到錯誤訊息：

閱讀更多
0
/0 評論/通過：

GCP 自動備份 vm

,

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

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

閱讀更多
0
/0 評論/通過：