iT邦幫忙

2022 iThome 鐵人賽

DAY 30
0

今天是參與「2022 iThome 鐵人賽」的最後一天,就不寫程式了。

想談論一下寫的學習過程心得以及簡單的自介。

前後端分離架構及佈署

前端架構及佈署

使用了 Vue 3,Vue 的技術已經多年了,然而版本 3 是今年新推出,
所以也藉由這個比賽的機會,也讓自己重新學習一下這個新技術。

另外當然也搭配了相關的生態系,也就是 Vite 這個工具,用來做 dev server,當然還有其它的好處;
另外主要還有 vue-router,可以方便的做單頁應用程式(SPA)。

然後使用 Git 進行版本控管,push 至 GitHub,進而佈署至 DigitalOcean 的 Apps 服務。

也透過 Godaddy 設定了網域。

後端架構及佈署

使用 Deno,其實一開始很猶豫,因為從來沒用過,過去都是用 Node.js 居多,
既然要做前後端分離,那就嚐試用 Deno 來寫 GraphQL API 吧,
GraphQL API 對我來說也是新的嚐試,因為過去都是寫 RESTful 形式的 API。
然後使用 Docker,因為 Deno 的官方有提供映像檔,索性就來試試 Docker 吧,
其實並沒有很熟,但整個用起來的感覺是還不錯的。
另外當然還有使用 DigitalOcean 上的 Databases 服務,省去了管理資料庫叢集的麻煩之處。

寫完之後,將映像檔佈署至 DigitalOcean 上的 Container Registry,它是可以放 private 映像檔,免費可以放一個,當然也可以放 Docker Hub,但要放 private 的話,就馬上要付費,所以就先沒有選擇用 Docker Hub 了。最後一樣透過 DigitalOcean 上的 Apps 服務,佈署映像檔。

也透過 Godaddy 設定了網域。

小結

這次的佈署呢,迴避了一些問題,也就是資料庫的佈署、硬體作業系統之類,畢竟個人、小團隊,還是著重在應用的部份會比較實際,所以關於「基礎設施」相關議題,建議儘量使用雲端服務(AWS、GCP、Azure、DigitalOcean等都是很棒的選擇)。


結語

這次所做的東西呢,筆者還是會持續更新,如果想看後續的持續更新,或是有任何網站問題或者有相關案子想討論一起討作,歡迎可透過我的粉絲專頁來聯繫喔:

另外我也有錄製線上課程可參考喔:

最後當然還是要感謝「2022 iThome 鐵人賽」團隊辦的這次比賽,感謝!


上一篇
Vite 使用環境變數
系列文
使用 Vue 3 從 0 到 1 架設網站!!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言