全部产品

Midway Serverless一体化应用开发方案

更新时间:2020-08-19 21:02:47

初始化

浏览器输入:https://workbench.aliyun.com/ 访问阿里云云开发平台,点击下方的 云端研发免费使用 按钮。云开发平台

之后会跳转都阿里云登录页,使用你的账户或者是子账号进行登录。登录

登录成功后可以直接进入应用创建:创建应用

选择应用场景为 WEB,解决方案选择 Ali Midway FaaS 一体化解决方案,所谓的一体化解决方案就是同时包含前端React与后端函数研发的方案。选择解决方案

填写一些应用信息后,就可以点击完成创建应用,之后应用会自动初始化仓库,等待仓库初始化完成就可以进行开发了。填写应用信息

等待一段时间后,代码仓库创建完成,此时就可以进入开发了。进入开发

开发

点击进入开发

点击开发按钮后,就会自动打开Cloud IDE,这里就是进行编码、测试与发布的地方。进入CloudIDE

由于Cloud IDE会加载项目模板,所以第一次的时候时间会稍长,耐心等候之后就进入了IDE面板。配置

如上图所示:

  1. 打开README.md,了解如何进行开发
  2. 点击终端,打开云端shell终端
  3. 安装文档里面的描述,一步步开始开发a. 首先需要安装研发依赖,执行 npm i —registry=https://registry.npm.taobao.orgb. 等待依赖安装完成之后,执行npm run dev,会在终端中输入调试URL

终端调试

在浏览器中打开输出的链接,就能够看到页面啦!

前端页面

前端页面前端的代码在 /src 目录中,可以看到已tsx结尾的文件名都是前端React的代码,修改其中的代码保存后,刷新打开的页面就能看到效果。

更新html

刷新前端页面之后可以看到已经更新了:

看到效果

后端函数函数的代码在 /src/apis 目录之下,修改其中的代码保存后,刷新打开的页面就能看到效果。

更新接口

刷新前端页面后,发现接口调用的返回数据已经更新了:

查看效果

这样就可以实时调试前端与后端代码了。

发布

待到开发完成之后,点击IDE左侧的按钮,可以执行部署操作:

部署

点击后会在控制台数据进度的信息:

部署过程

调试等到发布完成之后,可以点击调试栏,选择好要调用的函数路径之后,点击发送请求:

调试

成功的在控制台看到了函数的调用输出。