本地开发也是通过 cnpm start 来启动服务,可以直接使用 SSR 框架。启动后进行构 建,同时启动 FaaS 服务,最后会返回一个地址,这个地址可以直接在浏览器打开来预览 当前的应用。 (展示预览)从页面的源码可以看出它包含了一个完整的 HTML 结构,也就是说这个页面是由服务端而不是客户端渲染产生的,点击刷新也不会产生因客户端渲染而产生的白屏。 由根路由切换到详情页,这个切换过程仅限于前端的切换,不会向服务端发出请求。所以详情页的数据其实是由前端发起 HTTP 请求获取的,这个请求也会写在 FaaS 服务里的。包括退回到首页的操作也是前端路由的切换逻辑,只有刷新才是真正访问到服务器。 在 f.yml 文件中,api-index 和 api-detail 底下是定义的两个 API 的接口服务。 打开 web 目录,就是前端组件存放的目录。打开 Pages 文件夹,这个就是首页组件对应 的路由,这里有一个 fetch 文件,它定义了数据是怎么获取的。这里区分了服务端和客户端 两个场景的数据获取。再看 API index 函数,它是返回一个 Json 数据结构。如果是在服 务端的话,非常简单,可以直接通过 ctx.apiService 拿到自己写的一个 Service 服务直接 调用,然后就可以返回正确结果。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。