iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
Modern Web

每日挖個坑,用坑填起耍廢聊天室!系列 第 2

二個坑,一個坑裡有Nuxt,一個有Socket

坑裡怎麼會是Nuxt

Nuxt是我開始前端工作第一個專案用的框架,當初選Nuxt主因是基於Vue,且可以處理Server Side Render,SEO上的問題

Server Side Render是後端產生HTML,在你滑鼠右鍵看網站原始碼的那坨,會被爬蟲爬一遍,會影響搜尋引擎排名SEO的東西

Nuxt本身就包含前端後端兩個部分,後端會起一個http server,在第一次造訪網頁的時候,會先從api取得資料,再將內容渲染(SSR)到頁面上,後續的更新就會由Client side Render繼續,就不會有一般SPA網頁上,看網站原始碼是一片空白的慘況XD

Client Side Render是利用js把HTML塞進去網頁給使用者看,不會影響到網站原始碼

但我其實這次的系列跟Nuxt會做SSR沒啥關係(咦)

主要的原因是我做socket要有一個server端接收訊息,用Nuxt直接就可以起http server,有點方便,而且又有同事的扣可以參考,沒錯!就是這樣!(被打

雖然之前用Nuxt專案,有些地方有點神奇,踩到的雷都有點讓人無言,同事常說他難用,但用在小型專案上還是頗方便的,可以嘗試


另一個坑怎麼會有Socket

Socket的原因也很單純,就只是想玩看看而已XD

之前常看到別人在用,但就是一直覺得好像很難,然後菜呱又是個懶惰廢物,好不容易才燃起了鬥志,聊天室的題材也需要用到連線,就來玩一下這樣~


以上就是這次選用的技術原因,都很簡單暴力(誤

下一篇就讓我們來裝的nvm,跟開Nuxt吧~

真棒

後記:
寫第一篇的時候打算第二篇寫出來在發第一篇,不然只發了前言就棄賽好像有點丟臉XD
雖然第二篇就棄賽也沒好到哪去就是了(誒


上一篇
一個坑,塞進一顆菜呱
下一篇
三號坑,裝起nvm,開挖Nuxt
系列文
每日挖個坑,用坑填起耍廢聊天室!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言