[請益] 求助！後端不使用node.js的前端設計

看板Soft_Job作者 (艾德)時間2年前 (2021/06/04 12:08), 2年前編輯推噓10(12推 2噓 63→)
留言77則, 23人參與, 2年前最新討論串1/3 (看更多)
各位前輩好 小弟摸完Next.js和Nuxt.js後，發現這兩者都吃node.js作為後端環境 但由於工作環境上後端無法提供node.js 必須在沒有node.js的情況下實作SPA網站 目前嘗試過後，初步認知是：只有原生React和Vue的Client sied rendering能符合需求 （先不管SEO...），反正吃單一index.html串所有components & functions Next.js和Nuxt.js無法不吃node.js運行環境 1. 不知道我這個認知是否有誤呢？ 2. 在React or Vue體系下有其他種workaround嗎？ 3. 有後端前輩能說明一下維運一個node.js server需要什麼技能樹嗎？（我只懂丟給V ercel、Netlify代管@@a) 感謝軟工板！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.53.17.205 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1622779711.A.449.html
推
06/04 12:11, 2年前 , 1F
不知道FIREBASE可不可以提供給你資料庫需求，抱歉我也
06/04 12:11, 1F
→
06/04 12:11, 2年前 , 2F
新手不確定
06/04 12:11, 2F
→
06/04 12:13, 2年前 , 3F
firebase必須靠Function才能實作出SSR
06/04 12:13, 3F
→
06/04 12:17, 2年前 , 4F
後端api還是本來的，中間掛一層node來做SSR不行嗎?
06/04 12:17, 4F
→
06/04 12:18, 2年前 , 5F
不過目前應該還不算是DB問題，吧@@？
06/04 12:18, 5F
→
06/04 12:18, 2年前 , 6F
上面要求不能使用node.js技術
06/04 12:18, 6F
→
06/04 12:19, 2年前 , 7F
嗯嗯，資料相關都是吃API，問題不大
06/04 12:19, 7F
→
06/04 12:21, 2年前 , 8F
沒有要server side render的話
06/04 12:21, 8F
推
06/04 12:21, 2年前 , 9F
那最簡單又要有SEO就是CSR+snapshot之類的技術
06/04 12:21, 9F
→
06/04 12:21, 2年前 , 10F
他們網頁直接載入你打包好的app.js之類的呢
06/04 12:21, 10F
→
06/04 12:22, 2年前 , 11F
不然你要用其他方法弄SSR+SPA+SEO蠻麻煩的
06/04 12:22, 11F
→
06/04 12:23, 2年前 , 12F
不用SEO就直接SPA build html、js放上去就完事了
06/04 12:23, 12F
→
06/04 12:24, 2年前 , 13F
一切都還是看你需求來決定怎麼做
06/04 12:24, 13F
→
06/04 12:38, 2年前 , 14F
請問這樣是純React和Vue沒錯吧？
06/04 12:38, 14F
→
06/04 12:40, 2年前 , 15F
對
06/04 12:40, 15F
→
06/04 12:47, 2年前 , 16F
是只是無法使用node還是無法使用後端語言呢？
06/04 12:47, 16F
→
06/04 12:47, 2年前 , 17F
如果是前者就用其他語言做後端
06/04 12:47, 17F
→
06/04 12:47, 2年前 , 18F
後者就直接SPA build的成果放上去
06/04 12:47, 18F
→
06/04 12:51, 2年前 , 19F
在別的地方編譯好再丟上去很難嗎
06/04 12:51, 19F
推
06/04 13:00, 2年前 , 20F
build好js放cdn 你的網頁加一行抓script就好了
06/04 13:00, 20F
→
06/04 13:00, 2年前 , 21F
看起來是公司後端就沒有要用node.js，這其實根本是多數啊
06/04 13:00, 21F
→
06/04 13:01, 2年前 , 22F
就別想SSR，用build完的html js就好了
06/04 13:01, 22F
→
06/04 13:25, 2年前 , 23F
build完放上去我這裡是沒問題，只是捨棄next、nuxt的folde
06/04 13:25, 23F
→
06/04 13:25, 2年前 , 24F
r system、SEO optimization覺得可惜
06/04 13:25, 24F
推
06/04 13:51, 2年前 , 25F
folder system是幫助你開發用，編譯完自動轉成router，
06/04 13:51, 25F
→
06/04 13:51, 2年前 , 26F
跟執行環境無關。seo是spa弱勢不走後端渲染難解，關鍵
06/04 13:51, 26F
→
06/04 13:51, 2年前 , 27F
字pre-render可以查查，之前研究是都還沒有足夠成熟可
06/04 13:51, 27F
→
06/04 13:51, 2年前 , 28F
以作為產品
06/04 13:51, 28F
推
06/04 13:57, 2年前 , 29F
後端 .NET 的話可試試 ReactJS.NET
06/04 13:57, 29F
→
06/04 13:59, 2年前 , 30F
請問Q3有前輩能指導一下關鍵字嗎？
06/04 13:59, 30F
推
06/04 13:59, 2年前 , 31F
SEO你要做那個搜尋引擎
06/04 13:59, 31F
→
06/04 14:00, 2年前 , 32F
google可以不用SSR
06/04 14:00, 32F
噓
06/04 16:06, 2年前 , 33F
你在供三小你要不要找個家教請教一下。
06/04 16:06, 33F
→
06/04 16:06, 2年前 , 34F
Server render
06/04 16:06, 34F
推
06/04 18:08, 2年前 , 35F
一定要node環境
06/04 18:08, 35F
→
06/04 19:15, 2年前 , 36F
Next.js可用getStaticProps以SSG的方式撈數據呀。
06/04 19:15, 36F
→
06/04 19:16, 2年前 , 37F
只是大部份情況用SSR會比SSG方便多就是了。
06/04 19:16, 37F
推
06/04 19:21, 2年前 , 38F
東西要丟Netlify或shared hosting，可選SSG。
06/04 19:21, 38F
→
06/04 19:37, 2年前 , 39F
= = 我前端串接過node .net php python golang
06/04 19:37, 39F
→
06/04 19:38, 2年前 , 40F
只要規格定義清楚 你不用鳥後端用什麼語言實做
06/04 19:38, 40F
→
06/04 19:39, 2年前 , 41F
前端你打包好也不一定要掛在node 感覺的觀念一團糟 新手嗎
06/04 19:39, 41F
→
06/04 19:42, 2年前 , 42F
還是說你的意思是指遠端伺服的開發環境？？
06/04 19:42, 42F
→
06/04 19:59, 2年前 , 43F
Next.js 用 SSG 路過
06/04 19:59, 43F
→
06/04 20:34, 2年前 , 44F
個人SSR派…
06/04 20:34, 44F
推
06/04 23:44, 2年前 , 45F
你可以改用 create-react-app就不用綁nodejs當server了
06/04 23:44, 45F
→
06/05 00:02, 2年前 , 46F
謝謝job大和cory大，我再試試Next SSG
06/05 00:02, 46F
※ 編輯: Eide (27.53.17.205 臺灣), 06/05/2021 00:08:18
→
06/05 00:11, 2年前 , 47F
@WunoW大，我知道我不用管後端啥語言實作邏輯、出API，但我
06/05 00:11, 47F
→
06/05 00:11, 2年前 , 48F
如果要做SSR，就是要一個nodejs跑，而“後端”決定了不能用
06/05 00:11, 48F
→
06/05 00:11, 2年前 , 49F
nodejs，所以我的前提條件就是部署時沒有nodejs（本機測試
06/05 00:11, 49F
→
06/05 00:11, 2年前 , 50F
不算）
06/05 00:11, 50F
噓
06/05 01:48, 2年前 , 51F
ssr從來沒規定只能是nodejs啊...
06/05 01:48, 51F
→
06/05 01:49, 2年前 , 52F
你要用python parse&render 也可以
06/05 01:49, 52F
→
06/05 01:50, 2年前 , 53F
或是你直接拿後端的模板引擎做render，搭vue/react 那
06/05 01:50, 53F
→
06/05 01:50, 2年前 , 54F
也算是ssr...
06/05 01:50, 54F
→
06/05 01:51, 2年前 , 55F
但你又不考慮seo 那直接build+nginx不就得了？
06/05 01:51, 55F
→
06/05 02:27, 2年前 , 56F
文中說要實作的是 spa，回覆裡又說要 ssr ，要不要
06/05 02:27, 56F
→
06/05 02:27, 2年前 , 57F
先搞清楚目標到底是什麼…
06/05 02:27, 57F
→
06/05 02:34, 2年前 , 58F
如果想用 next.js，改由 node.js 打後端 api，再回
06/05 02:34, 58F
→
06/05 02:34, 2年前 , 59F
傳給 client side 就可以了。
06/05 02:34, 59F
→
06/05 02:34, 2年前 , 60F
變成你 client side req 的對象是 node，node 再對
06/05 02:34, 60F
→
06/05 02:34, 2年前 , 61F
到原本後端的 api
06/05 02:34, 61F
→
06/05 04:41, 2年前 , 62F
Nuxt.js SSG路過
06/05 04:41, 62F
推
06/05 07:39, 2年前 , 63F
單純撈數據render在網頁上SSG就夠了， 不過如果要搭配分
06/05 07:39, 63F
→
06/05 07:40, 2年前 , 64F
頁或filter功能，網上看到的都是SSR居多。
06/05 07:40, 64F
→
06/05 07:47, 2年前 , 65F
雖然可以拿別的後端給React做SSR，不過Next.js較短痛。
06/05 07:47, 65F
→
06/05 08:16, 2年前 , 66F
@brainwu1201，SPA跟SSR是可同時成立的，需求就是SPA必須，
06/05 08:16, 66F
→
06/05 08:16, 2年前 , 67F
然後我自己希望能SSR
06/05 08:16, 67F
→
06/05 08:17, 2年前 , 68F
然後我的理解上，串後端給的API並不需要nodejs
06/05 08:17, 68F
→
06/05 08:29, 2年前 , 69F
謝謝各位前輩回應！目前選擇解法暫定案為Nextjs SSG，配re
06/05 08:29, 69F
→
06/05 08:29, 2年前 , 70F
validate 1second
06/05 08:29, 70F
推
06/06 03:41, 2年前 , 71F
next export就是你要的
06/06 03:41, 71F
→
06/06 06:40, 2年前 , 72F
以前用next export，9.3之後用getStaticProps就好。
06/06 06:40, 72F
推
06/07 00:19, 2年前 , 73F
如果是Nuxt要SSR的話的確需要跑在node環境，SSG可以
06/07 00:19, 73F
→
06/07 00:19, 2年前 , 74F
不用。你的認知是沒錯的
06/07 00:19, 74F
→
06/07 00:19, 2年前 , 75F
不過你提到不需要SEO，是可以直接用Vue build完丟上
06/07 00:19, 75F
→
06/07 00:19, 2年前 , 76F
去就好
06/07 00:19, 76F
→
06/07 20:24, 2年前 , 77F
deno
06/07 20:24, 77F
‣ 更多 Eide 的文章
文章代碼(AID): #1WkQS_H9 (Soft_Job)
討論串 (同標題文章)
以下文章回應了本文 (最舊先)：
完整討論串 (本文為第 1 之 3 篇)：
排序： 最舊先 | 最新先 | 留言數
在新視窗開啟完整討論串 (共3篇)
‣ 更多 Eide 的文章
文章代碼(AID): #1WkQS_H9 (Soft_Job)