使用nginx部署一個沒有https的前端靜態網站

/0 評論/在： , , /通過：

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

閱讀更多
0

M2 Mac 安裝 gcloud CLI

/0 評論/在： , /通過：

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

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

閱讀更多
0

使用 cloud build 把網站部署到 cloud run

/0 評論/在： , , /通過：

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

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

閱讀更多
0

在 gce 中架設 wordpress 網站

/0 評論/在： , , , /通過：

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

閱讀更多
0

在 vm ubuntu 安裝 docker

/0 評論/在： , , /通過：

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

閱讀更多
0

使用 Doceker 打包前端 next.js 專案

/0 評論/在： , , /通過：

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

閱讀更多
0

vue3 使用 google map api

/0 評論/在： , , /通過：

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

準備項目：

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

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

/0 評論/在： , , /通過：

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

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

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

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

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

/0 評論/在： , , /通過：

最近公司配了一台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

GCP 自動備份 vm

/0 評論/在： , /通過：

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

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

閱讀更多
0