差异
#javascript #前端 #法国

我们所有人都衍生出在附带项目上工作的精疲力尽,以编码整个应用程序,然后问:“我将如何找到它?”在”。

在本文中,您将(重新)介绍不同的名称,让我们找到您的正面应用程序,以及它更多地参与使用此应用程序或使用此申请。

但是在谈论工作之前,您必须解释您可能遇到的应用程序含义的差异。

应用程序前JS的几个含义

ðâ€在这里我们将解释几种类型的含义之间的不同之处,因为某些围栏无法完成某些含义

  • spa(单页应用程序)

    这种含义真的很简单。它由HTML文件组成,该文件制作JS文件(也称为 Bundle )。此捆绑包允许您加载客户CEDE页面上的所有内容。

    当您解释应用程序的构建订单时,您会得到:

    • index.html
    • <> script.js(a bundle
    • public(包含图像的文件和网站的最爱)
    • style.css(您的CSS的捆绑包

    这种含义经常用于新的前书店,例如ReactVueAngularSvelte(和Sâ»rement)。

  • ssg(静态站点发生器)

    这种含义使得可以从源文件(例如Markdown文件)生成静态HTML页面。 SSG通常用于Croste博客或窗口站点。

    找出是否使用SSG,这很容易。当您要构建应用程序时,在输出中,您会看到您的文件结构已转换为HTML文件,例如:

Image description

Image description

制造SSR的库/框架:GitBookDocusaurusVitepressStarlightîles和其他其他框架。

  • SSR(服务器端渲染)

    这种含义使得在服务器中,在PHP中或JAVA中找到HTML渲染,并仅将严格的最小值发送给用户。

    找出是否使用这种含义 - 必须查阅框架或库的文档。没有简单的方法可以知道。

    在提供SSR的框架中,我们找到了AstroSvelteKitNuxtNext等。

差异

当涉及到前期申请时,考虑了几门课程。这是这样做的最常见名称:

ðâ€i已在Ployment MSE中设置了一个表,以找出是否根据含义对其进行调整。

这是表的表:

颜色盛大 描述
ð idéele解决方案
功能解决方案
不可能

使用存储桶/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服务,例如NetlifyVercelClever 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 -Horizo​​ntal策略的可能性

精美:

  • 荷兰的技术额外区域和一定的专业知识来建立和生成开发环境
  • 与使用云服务扣押应用程序相关的CO -TS
  • 与其他更简单的细节相比,复杂性增加了

不公正案件:

此类开发的感兴趣的情况是:

  • 如果您从事企业,并且有一个Kube群集可以插入您的应用程序,并且我们禁止您使用PAAS

使用服务器或VM

您还可以从检测到的服务器或VM弯曲前面应用程序。为此,只需建立一个诸如NGINX,Traefik,Haproxy等的代理反向。

â!如果要在检测到的服务器上插入SSR,则必须考虑设置Node Server,如果您进行下一个,NUXT或Sveltekit。如果您做PHP,请不要忘记放一个,否则不起作用。

Image description

inmand in front 可能?
spa
SSG
SSR ð

好处 :

  • 个性化窃听的可能性
  • 完全控制应用程序环境
  • 没有用于使用第三派对平台的次要状态
  • 添加模块和个性化库的可能性
  • 资源的可能性并解决Coés

精美:

  • 荷兰的技术综合和专业知识,用于实施和管理开发环境
  • 与其他更简单的细节相比,复杂性增加了
  • 在出现配置错误时征收更多征收的风险
  • 增加,重新铺面维护,以确保会话和申请的性能

不公正案件:

此类开发的感兴趣的情况是:

  • 学习以部署和维护Web服务器自我li>的复杂

投票表

spa ssg ssr
bucket/s3 ð
paas ð ð ð
caas ð
服务器或VM DE -DIED ð

结论

有很多可能会削减前面应用程序的方法,但是每种陷入困境的方式,例如无能。因此,重要的是要知道它,但是这种选择不应阻止您。您可以从逻辑上更改它而没有问题。

voilejâ希望您能为您提供想法,以找到您的博客或项目ðμ