开发者社区> 问答> 正文

ssr-spec 规范是什么?

ssr-spec 规范是什么?

展开
收起
1358896759097293 2021-03-11 23:03:18 764 0
来自:云开发平台
1 条回答
写回答
取消 提交回答
  • 45271990@qq.com

    主要在怎样的规范下,才能在 Serverless 场景下开发出一个渲染层的页 面。(实操演示讲解)如下图,框架在 github 的地址https://github.com/ykfe/ssr。 在这个地址可以看到 SSR 的规范。这个规范主要是基于单页应用和多页应用两个不同类型的应用制定不同的规范,分为 SPA 和 MPA。当下非常常见应用是 SPA 类型的。 首先就 src 目录放一些 FaaS 服务端相关的代码。这里要做的就是在文件夹下新增一 个 web 目录, web 目录里放一些前端相关的东西,比如前端组件。这虽然是为 FaaS 场景打造的,但是与服务端无关。在 web 目录下,上图所示的文件 夹结构也可以参考。文件夹里的路由用的是约定式,不需要去手动编写路由配置表。 举个例子,pages 文件夹会放页面的登录,有的也会将根组件放在这里,如果 pages 有 index 文件夹,就会把 index 文件夹映射默认为根路由。 fetch.ts 文件,在这个文件主要做一些数据获取方面的逻辑,比如页面需要在服务端调 用哪个接口或者调哪个服务获取数据,然后在文件导出的函数里把它返回出来就可以了。 index.less 是样式文件。 render.tsx,定义了它是怎么渲染的,其实就是 render 方法。components 文件夹存放了一些公共组件 pages 文件夹,如果页面登录有对应的组件就会放在这里;详情页可以放在 detail 文 件夹中。Layout 文件夹,采用的是 html 结构。如果当前开发的是单页面应用,只需要一个 layout 就够了;如果是为不同的路由做不同逻辑区分,可以在下图代码处拿到 context, 然后根据请求不同做不同逻辑处理。

    2021-03-14 22:39:54
    赞同 展开评论 打赏
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载