一般來說單純部署前端其實不需要起一個 vm 去放,只要使用 gcp 的container registry
+cloud run
就可以了。
但是因為這次接的案子,客戶提供的api僅能用沒有ssl的方式請求,而cloud run
部署出來的入口是有ssl的,因此就只好用傳統的部署方式到vm上。
在開始之前,你必須要準備好以下幾件事:
- 創建一個gcp vm ,並安裝好nginx。
- 將專案放在gitlab上。
一般來說單純部署前端其實不需要起一個 vm 去放,只要使用 gcp 的container registry
+cloud run
就可以了。
但是因為這次接的案子,客戶提供的api僅能用沒有ssl的方式請求,而cloud run
部署出來的入口是有ssl的,因此就只好用傳統的部署方式到vm上。
在開始之前,你必須要準備好以下幾件事:
看標題好像很難懂我到底想幹嘛,搞這麼麻煩幹什麼XD
因為公司的業務是有一套遊戲是用vue做的,然後幫客戶架設這個遊戲在他們的主機,換上 logo 和網址,就可以營業了。有點類似經銷我們的遊戲給客戶營業。
因為遊戲內容都一樣,我不可能遊戲更新後,我再去所有客戶那邊把程式碼再全部貼上一次。
可是我又不想把主程式用npm publish
推上去給人家下載,我只是公司自己要用而已。
期望是有一個主遊戲程式,定期維護更新,然後有新客戶就新增一個空白專案,裡面放logo圖檔和網址的環境變數,再下載主遊戲程式的最新版本;這樣遊戲有調整,其他客戶只要更新到最新版本就可以了。
閱讀更多要推送通知到 react native,除了可以從 firebase 網頁去發送以外,也可以透過安裝firebase-admin
套件把發送的方法傳到 api 裡,實現利用打 api 來發送通知。
firebase
專案 & 設定firebase-admin
& 設定router
中引用現在碰到的每個網站幾乎都會需要登入機制,就算網站的內容不用登入也可以查看,還是有很多人喜歡加一個會員登入機制,搜集使用者資訊,進行再行銷。
在公司與其他後端合作,登入機制其實就只要打後端開好的 api 就可以了,給後端帳密,他們就會回傳 token
,因此我從來沒有好好了解登入是怎樣的運作,token
又是怎樣產生的XD
最近剛好要做一個自己登山要用的系統,裡面存放有一些敏感資訊,但是又想要把網站上線給其他山友使用,所以就想做一個登入機制,讓本女王幫你創建帳號才可以進去看^3 ^ ~~
由於原理我也是上網查資料的,都是別人辛苦寫作的心血,這邊就不複製貼上了,著重在我自己實驗的結果。
token
由於我們後端工程師實在是忙得不可開交,而且交給老闆看的demo總不能一直
「這邊等後端好之後就會收到了」、
「那邊我目前先寫死,等有資料後就能運作」…
一堆這種讓老闆有機可乘說你只做90分的理由,
因此我決定來著手弄個最最最簡單的 server,express 就是最適合做這種小小實驗性質的 mock server,又剛好我只需要會寫 javascript,那就一步一步來吧。
閱讀更多官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , 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>