作者Eide (艾德)
看板Soft_Job
标题[请益] 求助！後端不使用node.js的前端设计
时间Fri Jun 4 12:08:29 2021
各位前辈好
小弟摸完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://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1622779711.A.449.html
1F：推 ntpuisbest: 不知道FIREBASE可不可以提供给你资料库需求，抱歉我也06/04 12:11
2F：→ ntpuisbest: 新手不确定06/04 12:11
3F：→ Eide: firebase必须靠Function才能实作出SSR06/04 12:13
4F：→ tw689: 後端api还是本来的，中间挂一层node来做SSR不行吗?06/04 12:17
5F：→ Eide: 不过目前应该还不算是DB问题，吧@@？06/04 12:18
6F：→ Eide: 上面要求不能使用node.js技术06/04 12:18
7F：→ Eide: 嗯嗯，资料相关都是吃API，问题不大06/04 12:19
8F：→ sextitanic: 没有要server side render的话06/04 12:21
9F：推 tw689: 那最简单又要有SEO就是CSR+snapshot之类的技术06/04 12:21
10F：→ sextitanic: 他们网页直接载入你打包好的app.js之类的呢06/04 12:21
11F：→ tw689: 不然你要用其他方法弄SSR+SPA+SEO蛮麻烦的06/04 12:22
12F：→ tw689: 不用SEO就直接SPA build html、js放上去就完事了06/04 12:23
13F：→ tw689: 一切都还是看你需求来决定怎麽做06/04 12:24
14F：→ Eide: 请问这样是纯React和Vue没错吧？06/04 12:38
15F：→ tw689: 对06/04 12:40
16F：→ newhandfun: 是只是无法使用node还是无法使用後端语言呢？06/04 12:47
17F：→ newhandfun: 如果是前者就用其他语言做後端06/04 12:47
18F：→ newhandfun: 後者就直接SPA build的成果放上去06/04 12:47
19F：→ why8ther: 在别的地方编译好再丢上去很难吗06/04 12:51
20F：推 k798976869: build好js放cdn 你的网页加一行抓script就好了06/04 13:00
21F：→ ssccg: 看起来是公司後端就没有要用node.js，这其实根本是多数啊06/04 13:00
22F：→ ssccg: 就别想SSR，用build完的html js就好了06/04 13:01
23F：→ Eide: build完放上去我这里是没问题，只是舍弃next、nuxt的folde06/04 13:25
24F：→ Eide: r system、SEO optimization觉得可惜06/04 13:25
25F：推 tomk0301: folder system是帮助你开发用，编译完自动转成router，06/04 13:51
26F：→ tomk0301: 跟执行环境无关。seo是spa弱势不走後端渲染难解，关键06/04 13:51
27F：→ tomk0301: 字pre-render可以查查，之前研究是都还没有足够成熟可06/04 13:51
28F：→ tomk0301: 以作为产品06/04 13:51
29F：推 soccer103: 後端 .NET 的话可试试 ReactJS.NET06/04 13:57
30F：→ Eide: 请问Q3有前辈能指导一下关键字吗？06/04 13:59
31F：推 tsao1211: SEO你要做那个搜寻引擎06/04 13:59
32F：→ tsao1211: google可以不用SSR06/04 14:00
33F：嘘 gn01838335: 你在供三小你要不要找个家教请教一下。06/04 16:06
34F：→ gn01838335: Server render06/04 16:06
35F：推 aidansky0989: 一定要node环境06/04 18:08
36F：→ jobintan: Next.js可用getStaticProps以SSG的方式捞数据呀。06/04 19:15
37F：→ jobintan: 只是大部份情况用SSR会比SSG方便多就是了。06/04 19:16
38F：推 jobintan: 东西要丢Netlify或shared hosting，可选SSG。06/04 19:21
39F：→ WunoW: = = 我前端串接过node .net php python golang06/04 19:37
40F：→ WunoW: 只要规格定义清楚 你不用鸟後端用什麽语言实做06/04 19:38
41F：→ WunoW: 前端你打包好也不一定要挂在node 感觉的观念一团糟 新手吗06/04 19:39
42F：→ WunoW: 还是说你的意思是指远端伺服的开发环境？？06/04 19:42
43F：→ cory8249: Next.js 用 SSG 路过06/04 19:59
44F：→ jobintan: 个人SSR派…06/04 20:34
45F：推 superpai: 你可以改用 create-react-app就不用绑nodejs当server了06/04 23:44
46F：→ Eide: 谢谢job大和cory大，我再试试Next SSG06/05 00:02
※ 编辑: Eide (27.53.17.205 台湾), 06/05/2021 00:08:18
47F：→ Eide: @WunoW大，我知道我不用管後端啥语言实作逻辑、出API，但我 06/05 00:11
48F：→ Eide: 如果要做SSR，就是要一个nodejs跑，而“後端”决定了不能用 06/05 00:11
49F：→ Eide: nodejs，所以我的前提条件就是部署时没有nodejs（本机测试 06/05 00:11
50F：→ Eide: 不算） 06/05 00:11
51F：嘘 Nonsense8: ssr从来没规定只能是nodejs啊... 06/05 01:48
52F：→ Nonsense8: 你要用python parse&render 也可以 06/05 01:49
53F：→ Nonsense8: 或是你直接拿後端的模板引擎做render，搭vue/react 那 06/05 01:50
54F：→ Nonsense8: 也算是ssr... 06/05 01:50
55F：→ Nonsense8: 但你又不考虑seo 那直接build+nginx不就得了？ 06/05 01:51
56F：→ brianwu1201: 文中说要实作的是 spa，回覆里又说要 ssr ，要不要 06/05 02:27
57F：→ brianwu1201: 先搞清楚目标到底是什麽… 06/05 02:27
58F：→ brianwu1201: 如果想用 next.js，改由 node.js 打後端 api，再回 06/05 02:34
59F：→ brianwu1201: 传给 client side 就可以了。 06/05 02:34
60F：→ brianwu1201: 变成你 client side req 的对象是 node，node 再对 06/05 02:34
61F：→ brianwu1201: 到原本後端的 api 06/05 02:34
62F：→ oToToT: Nuxt.js SSG路过 06/05 04:41
63F：推 jobintan: 单纯捞数据render在网页上SSG就够了， 不过如果要搭配分 06/05 07:39
64F：→ jobintan: 页或filter功能，网上看到的都是SSR居多。 06/05 07:40
65F：→ jobintan: 虽然可以拿别的後端给React做SSR，不过Next.js较短痛。 06/05 07:47
66F：→ Eide: @brainwu1201，SPA跟SSR是可同时成立的，需求就是SPA必须， 06/05 08:16
67F：→ Eide: 然後我自己希望能SSR 06/05 08:16
68F：→ Eide: 然後我的理解上，串後端给的API并不需要nodejs 06/05 08:17
69F：→ Eide: 谢谢各位前辈回应！目前选择解法暂定案为Nextjs SSG，配re 06/05 08:29
70F：→ Eide: validate 1second 06/05 08:29
71F：推 chrischen: next export就是你要的 06/06 03:41
72F：→ jobintan: 以前用next export，9.3之後用getStaticProps就好。 06/06 06:40
73F：推 a062693069: 如果是Nuxt要SSR的话的确需要跑在node环境，SSG可以 06/07 00:19
74F：→ a062693069: 不用。你的认知是没错的 06/07 00:19
75F：→ a062693069: 不过你提到不需要SEO，是可以直接用Vue build完丢上 06/07 00:19
76F：→ a062693069: 去就好 06/07 00:19
77F：→ marc47: deno 06/07 20:24
78F：→ AriDotH: 满多公司都是这个情况，原本已经有稳定运行的Server，前 10/25 17:21
79F：→ AriDotH: 端想改Next或Nuxt这种SSR通常过不了伺服器那关 10/25 17:21
80F：→ AriDotH: 原PO认知其实没错 10/25 17:22
81F：→ AriDotH: 上面说要找家教的可能自己也要先找一下了 10/25 17:24