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

在vue專案中不發佈上npm,直接引入另一個本地專案的檔案

看標題好像很難懂我到底想幹嘛,搞這麼麻煩幹什麼XD

因為公司的業務是有一套遊戲是用vue做的,然後幫客戶架設這個遊戲在他們的主機,換上 logo 和網址,就可以營業了。有點類似經銷我們的遊戲給客戶營業。

因為遊戲內容都一樣,我不可能遊戲更新後,我再去所有客戶那邊把程式碼再全部貼上一次。

可是我又不想把主程式用npm publish推上去給人家下載,我只是公司自己要用而已。

期望是有一個主遊戲程式,定期維護更新,然後有新客戶就新增一個空白專案,裡面放logo圖檔和網址的環境變數,再下載主遊戲程式的最新版本;這樣遊戲有調整,其他客戶只要更新到最新版本就可以了。

閱讀更多
0

express + firebase-admin push notification to react-native

要推送通知到 react native,除了可以從 firebase 網頁去發送以外,也可以透過安裝firebase-admin套件把發送的方法傳到 api 裡,實現利用打 api 來發送通知。

大綱:

  1. 新增firebase專案 & 設定
  2. 安裝firebase-admin & 設定
  3. router中引用
閱讀更多
0

express 使用 JWT 製作登入 token 機制

現在碰到的每個網站幾乎都會需要登入機制,就算網站的內容不用登入也可以查看,還是有很多人喜歡加一個會員登入機制,搜集使用者資訊,進行再行銷。

在公司與其他後端合作,登入機制其實就只要打後端開好的 api 就可以了,給後端帳密,他們就會回傳 token,因此我從來沒有好好了解登入是怎樣的運作,token 又是怎樣產生的XD

最近剛好要做一個自己登山要用的系統,裡面存放有一些敏感資訊,但是又想要把網站上線給其他山友使用,所以就想做一個登入機制,讓本女王幫你創建帳號才可以進去看^3 ^ ~~

由於原理我也是上網查資料的,都是別人辛苦寫作的心血,這邊就不複製貼上了,著重在我自己實驗的結果。

大綱:

  1. 安裝 jsonwebtoken
  2. 登入時回傳token
  3. 使用 middleware
閱讀更多
0

express + socket.io 推送訊息至前端

由於我們後端工程師實在是忙得不可開交,而且交給老闆看的demo總不能一直

「這邊等後端好之後就會收到了」、

「那邊我目前先寫死,等有資料後就能運作」…

一堆這種讓老闆有機可乘說你只做90分的理由,

因此我決定來著手弄個最最最簡單的 server,express 就是最適合做這種小小實驗性質的 mock server,又剛好我只需要會寫 javascript,那就一步一步來吧。

閱讀更多
0