我们所有人都衍生出在附带项目上工作的精疲力尽,以编码整个应用程序,然后问:“我将如何找到它?”在”。
在本文中,您将(重新)介绍不同的名称,让我们找到您的正面应用程序,以及它更多地参与使用此应用程序或使用此申请。
但是在谈论工作之前,您必须解释您可能遇到的应用程序含义的差异。
应用程序前JS的几个含义
ðâ€在这里我们将解释几种类型的含义之间的不同之处,因为某些围栏无法完成某些含义
-
spa(单页应用程序)
这种含义真的很简单。它由HTML文件组成,该文件制作JS文件(也称为 Bundle )。此捆绑包允许您加载客户CEDE页面上的所有内容。
当您解释应用程序的构建订单时,您会得到:
- index.html <> script.js(a bundle )
- public(包含图像的文件和网站的最爱)
- style.css(您的CSS的捆绑包)
这种含义经常用于新的前书店,例如React,Vue,Angular或Svelte(和Sâ»rement)。
ssg(静态站点发生器)
这种含义使得可以从源文件(例如Markdown文件)生成静态HTML页面。 SSG通常用于Croste博客或窗口站点。
找出是否使用SSG,这很容易。当您要构建应用程序时,在输出中,您会看到您的文件结构已转换为HTML文件,例如:
制造SSR的库/框架:GitBook,Docusaurus,Vitepress,Starlight,îles和其他其他框架。
-
SSR(服务器端渲染)
这种含义使得在服务器中,在PHP中或JAVA中找到HTML渲染,并仅将严格的最小值发送给用户。 p>。 p>
找出是否使用这种含义 - 必须查阅框架或库的文档。没有简单的方法可以知道。
差异
当涉及到前期申请时,考虑了几门课程。这是这样做的最常见名称:
ðâ€i已在Ployment MSE中设置了一个表,以找出是否根据含义对其进行调整。
这是表的表:
颜色盛大 th> | 描述 |
---|---|
ð | idéele解决方案 td> |
功能解决方案 td> | |
不可能 |
使用存储桶/S3
inmand in front | 可能? |
---|---|
spa | |
SSG | ð |
SSR |
您可以使用文件存储服务(存储桶)或S3抓住您的网站,但这仅适用于SSG和SPA应用程序。由于没有允许您找到HTML页面的节点服务器,因此不可能将SSR应用程序插入存储桶上。
。â!请小心的水疗你的水桶。例如,您有一条通往名称/blog 的途径,您的存储桶将在根中寻找一个命名的文件 blog.html 。但是如上所述,SPA只有您的index.html文件
â€a折叠的折叠位于http中。 DNS重定向足以在HTTPS中使用您的网站,但是有会话风险。 AWS根据自己的解决方案通过HTTPS
中的S3的URL
优点 :
- 易于设置(将其设置的技术知识很少)
- 在快速的石头和服务器的限制下
- Haute Disco&可伸缩性©
熟练:
- 如果您有很多访问,可以很快变得昂贵
- ©在环境上的RO控件,您只能在未找到nâ文件 的情况下专业地将输入的文件和文件专业化
- 几乎没有香气,可以访问存储桶中的所有文件
不公正案件:
此类开发的感兴趣的情况是:
- 静态站点(博客,着陆页)
使用PAAS服务(作为服务平台)
PAAS服务,例如Netlify,Vercel或Clever Cloud是开发平台,可允许应用程序快速弯曲。这些服务负责静态站点的重新布,但最近的动态含义,例如SSR。
inmand in front | 可能? |
---|---|
spa | ð |
SSG | ð |
SSR | ð |
好处 :
- 易于设置(将其设置的技术知识很少)
- 在快速的石头和服务器的限制下
- 免费版本可能足以实现目的
- 许多独立的功能,例如每个pre>的环境
精美:
- 每月或年度使用平台
- 个性化和配置限制
- 对第三方开发和殿下(所有云服务有点真实)
不公正案件:
此类开发的感兴趣的情况是:
- 附带项目的目的是尽快交付价值而无需头部
利用dâun服务CAA(容器作为服务)
您也可以以容器的形式弯曲应用程序。为此,您需要使用Dockerfile甚至通过buildpack来相信图像。一旦您的图像越过并押注了可访问的寄存器,您就可以通过GCP,AWS,Azure,Scaleway等云服务部署它,甚至在某些PAAS服务上查看诸如聪明的云
inmand in front | 可能? |
---|---|
spa | |
SSG | |
SSR | ð |
好处 :
- 很容易在多个环境上弯曲的可能性
- 个性化开发和环境配置的可能性
- 有效依靠资源并减少COSS的可能性
- 建立Scalabilite -Horizontal策略的可能性
精美:
- 荷兰的技术额外区域和一定的专业知识来建立和生成开发环境
- 与使用云服务扣押应用程序相关的CO -TS
- 与其他更简单的细节相比,复杂性增加了
不公正案件:
此类开发的感兴趣的情况是:
- 如果您从事企业,并且有一个Kube群集可以插入您的应用程序,并且我们禁止您使用PAAS
使用服务器或VM
您还可以从检测到的服务器或VM弯曲前面应用程序。为此,只需建立一个诸如NGINX,Traefik,Haproxy等的代理反向。
â!如果要在检测到的服务器上插入SSR,则必须考虑设置Node Server,如果您进行下一个,NUXT或Sveltekit。如果您做PHP,请不要忘记放一个,否则不起作用。
inmand in front | 可能? |
---|---|
spa | |
SSG | |
SSR | ð |
好处 :
- 个性化窃听的可能性
- 完全控制应用程序环境
- 没有用于使用第三派对平台的次要状态
- 添加模块和个性化库的可能性
- 资源的可能性并解决Coés
精美:
- 荷兰的技术综合和专业知识,用于实施和管理开发环境
- 与其他更简单的细节相比,复杂性增加了
- 在出现配置错误时征收更多征收的风险
- 增加,重新铺面维护,以确保会话和申请的性能
不公正案件:
此类开发的感兴趣的情况是:
- 学习以部署和维护Web服务器自我li>的复杂
投票表
spa | ssg | ssr | |
---|---|---|---|
bucket/s3 | ð | ||
paas | ð | ð | ð |
caas | ð | ||
服务器或VM DE -DIED td> | ð |
结论
有很多可能会削减前面应用程序的方法,但是每种陷入困境的方式,例如无能。因此,重要的是要知道它,但是这种选择不应阻止您。您可以从逻辑上更改它而没有问题。
voilejâ希望您能为您提供想法,以找到您的博客或项目ðμ