结合阿里云云开发平台,全程上云开发Serverless SSR应用

使用流程
下面来介绍一下如何在阿里云workbench云开发平台创建发布SSR应用。

创建应用
打开workbench云开发平台,并且注册阿里云账号登陆。如之前未使用过该开发平台,首次使用需要创建自己的团队。这时候填写自己的团队名以及选择规模即可。创建应用,方案选择FaaS场景下的SSR框架。
结合阿里云云开发平台,全程上云开发Serverless SSR应用
本地开发
进入cloudIDE开发界面,和我们本地开发一样。

npm install 安装依赖
结合阿里云云开发平台,全程上云开发Serverless SSR应用
详细使用文档可查看README.md。

启动服务
npm start 启动FaaS服务得到一个http地址。可直接在浏览器打开访问。同样支持热替换功能,修改代码后无需刷新页面即可生效。
结合阿里云云开发平台,全程上云开发Serverless SSR应用
示例应用的功能十分丰富,不仅包括页面渲染功能,同时包括 api 接口功能,首次访问数据从服务端调用ctx.service获取,切换路由数据由http请求,请求FaaS api接口服务获取。

结合阿里云云开发平台,全程上云开发Serverless SSR应用

结合阿里云云开发平台,全程上云开发Serverless SSR应用
切换到详情页后,数据由前端发送请求来获取。

结合阿里云云开发平台,全程上云开发Serverless SSR应用

应用发布
发布之前需要执行npm run build,来构建完整的生产环境bundle文件。

与我们本地发布可以直接执行npm run deploy发布不同。cloudIDE场景下,通过左侧第一个Tab进行应用的部署操作。

结合阿里云云开发平台,全程上云开发Serverless SSR应用

发布成功后得到一个地址,可直接在浏览器中打开。

也可以配置域名CNAME映射过去。这里的操作与README.md中介绍的一样。在阿里云域名控制台,配置CNAME映射到该域名

结合阿里云云开发平台,全程上云开发Serverless SSR应用

之后在api网关控制台,添加该域名。选择发布的环境。默认值为生产环境。

结合阿里云云开发平台,全程上云开发Serverless SSR应用

发布之后,便可以正常访问。

结合阿里云云开发平台,全程上云开发Serverless SSR应用

发表人:张宇昂@阿里巴巴大文娱
转自知乎

上一篇:Js的History对象


下一篇:UART接口基本知识