這篇會使用到 Google Cloud Platform (GCP) 的 computed engine ,其實部署前端靜態網站最快的方式是用 Docker + GCP cloud run ,而且 cloud run 會給一個 https 的預覽網址。但是這次客戶要求只能先打 http 的 api ,所以只好自己用 nginx
放。
閱讀更多
2023-11-16 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2023-11-16 10:39:56 2024-01-18 10:49:29 如何使用nginx部署前端靜態網站?
換了新電腦,之前的電腦是intel晶片,現在換的是M2,處理器架構不一樣了,安裝很多東西都要先看一下這些軟體有沒有影響。
重新安裝 Google Cloud CLI ,官網文件點這裡
閱讀更多
2023-07-20 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2023-07-20 16:55:30 2024-01-18 10:50:34 如何在 Mac M2 芯片安裝 gcloud CLI?
cloud run 是可以把你 build 好的 image 啟動,並且給你一個已經有 https 的網址輸出使用。
也就是說假設你有個不論是前端靜態網站、後端服務,都可以部署到 cloud run ,並且費用非常便宜,0.幾塊美金一個月而已。
閱讀更多
2022-05-17 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-05-17 09:31:34 2024-01-18 11:01:28 如何使用 cloud build 把網站部署到 cloud run?
中小企業在網站架設的解決方案上,通常會在一個主機上安裝多個網站,這篇教學使用 docker-compose + nginx 架設 wordpress 網站在 google compute engine 上。
閱讀更多
2022-05-16 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-05-16 14:48:03 2024-01-18 11:02:17 如何使用 gce 架設 wordpress 網站?
使用 docker 的目的就是可以方便在任何環境部署服務,所以不管在哪個主機都要先學會如何安裝 docker。
閱讀更多
2022-05-16 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/docker.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-05-16 13:32:39 2024-01-18 11:03:11 如何在 ubuntu 安裝 docker?
使用 next.js 製作網站不外乎就是為了 ssr 這個重點,因為一般的 SPA 網站像是純 react 或 vue,是沒有 seo 的,也就是當我們做好網站,google 搜尋引擎是搜尋不到你的內容的。
閱讀更多
2022-04-07 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/ReactNative.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-04-07 15:41:29 2024-01-19 13:00:49 如何使用 Doceker 打包 next.js 專案?
很許多api一樣,要使用的話要先創建帳號。
準備項目:
創建一個gcp 帳號,並且建立一個專案project。 啟用google map api
產生google map api key
創建一個vue3專案
閱讀更多
2021-09-28 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-09-28 11:36:03 2024-01-22 22:08:51 vue3 使用 google map api
一般來說單純部署前端其實不需要起一個 vm 去放,只要使用 gcp 的container registry
+cloud run
就可以了。
但是因為這次接的案子,客戶提供的api僅能用沒有ssl的方式請求,而cloud run
部署出來的入口是有ssl的,因此就只好用傳統的部署方式到vm上。
在開始之前,你必須要準備好以下幾件事:
創建一個gcp vm ,並安裝好nginx。 將專案放在gitlab上。
閱讀更多
2021-09-12 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-09-12 13:25:41 2024-01-22 22:09:52 gitlab cicd 部署前端專案(vue or react)至 gce
最近公司配了一台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:...
錯誤,然後照著他的網址點進去,看到錯誤訊息:
閱讀更多
2021-08-20 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-08-20 14:49:03 2024-01-22 22:12:18 M1 使用本地 docker push 到 cloud run 出現錯誤
gcp的備份功能,我是用「快照」這個方式去做,他只會記住你有更改的部分,不是整個備份起來,所以佔的去間非常小,比較不會消耗主機容量。
要開啟自動快照功能,前提是你要先有一個vm。
閱讀更多
2021-08-15 / 通過: admin
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-08-15 12:35:29 2024-01-23 00:26:40 GCP 自動備份 vm
Scroll to top
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 台北親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台北兒童寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台北親子寫真推薦
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 高雄葬儀社
, 高雄生命禮儀
, 高雄殯葬服務
, 屏東葬儀社
, 屏東生命禮儀
, 屏東殯葬服務
, 土地整合
, 土地開發
, 投資辦公室
, 廠辦整合規劃
, 工業地
, 徵收土地
, 寵物氧氣機
, 寵物活氧機
, 寵物專用氧氣機
, 寵物呼吸機
, 狗用氧氣機
, 貓用氧氣機
, 犬貓氧氣機
, 寵物魚油
, 犬貓魚油
, 貓用魚油
, 犬用魚油
, 狗魚油
, 貓魚油
, 婚禮顧問
, 婚顧
, 婚禮企劃
, 婚禮主持
, 雙語婚禮主持
, 英文婚禮主持
, Wedding mc
, Wedding Planner
, Bilingual Wedding
, Wedding mc in Taiwan
, Wedding mc in Taipei
, Wedding Planner in Taiwan
, Wedding Planner in Taipei
, Bilingual Wedding mc in Taiwan
, Bilingual Wedding mc in Taipei
, 婚禮顧問推薦
, 婚禮企劃推薦
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚攝Allen
, 婚禮攝影
, 婚禮紀錄
, 婚攝推薦
, 婚攝
, 婚攝
, 婚攝
, 寒舍艾美婚攝推薦
, 文華東方婚攝推薦
, 君品酒店婚攝推薦
, 諾富特婚攝推薦
, 萬豪酒店婚攝推薦
, 婚攝Vincent
, 婚攝
, 婚攝
, 婚攝
, 台北婚攝
, 台中婚攝
, 台南婚攝
, 高雄婚攝
, 美式婚攝
, 婚禮攝影美式
, 婚禮攝影推薦
, 婚禮攝影
, 婚禮攝影
, 婚攝推薦
, 婚禮紀錄
, 婚紗攝影
, 寒舍艾美婚攝
, 婚禮攝影
, 自助婚紗
, 婚攝
, 婚攝推薦
, 婚攝小寶
, 婚禮攝影
, 自助婚紗
, 婚禮紀錄
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 新秘
, 新秘小淑
, 新娘秘書
, 新娘造型
, 台中新秘
, 婚禮婚紗造型
, 新秘推薦
, 台中西屯霧眉
, 台中霧眉
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 婚攝
, 婚攝勇年
, 婚禮紀錄
, 婚紗婚攝
, 孕婦寫真
, 婚禮攝影
, 自助婚紗
, 婚攝推薦
, 文華東方婚攝
, 親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 根尖手術
, 根管治療
, 牙齒再植手術
, 顯微根管
, 鈣化根管治療
, 再生性根管治療
, 牙根黑影與膿包治療
, 高雄根管治療
, 高雄牙齒醫師
, 高雄顯微根管醫師
, 美白牙齒
, 婚攝
, 婚攝
, 孕婦寫真
, 網頁設計/a>
,
, 品牌設計/a>
,
, LOGO設計/a>