主要在怎样的规范下,才能在 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, 然后根据请求不同做不同逻辑处理。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。