Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台

阿里云产品文档 xtyly 4年前 (2016-11-11) 4次浏览 已收录 0个评论

初始化浏览器输入:https://workbench.aliyun.com/ 访问阿里云云开发平台,点击下方的 云端研发免费使用 按钮。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台之后会跳转都阿里云登录页,使用你的账户或者是子账号进行登录Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台登录成功后可以直接进入应用创建:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台选择应用场景为 WEB,解决方案选择 Ali Midway FaaS 一体化解决方案,所谓的一体化解决方案就是同时包含前端React与后端函数研发的方案Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台填写一些应用信息后,就可以点击完成创建应用,之后应用会自动初始化仓库,等待仓库初始化完成就可以进行开发了。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台等待一段时间后,代码仓库创建完成,此时就可以进入开发了。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台开发Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台点击开发按钮后,就会自动打开Cloud IDE,这里就是进行编码、测试与发布的地方。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台由于Cloud IDE会加载项目模板,所以第一次的时候时间会稍长,耐心等候之后就进入了IDE面板。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台如上图所示:

  • 打开README.md,了解如何进行开发
  • 点击终端,打开云端shell终端
  • 安装文档里面的描述,一步步开始开发a. 首先需要安装研发依赖,执行 npm i —registry=https://registry.npm.taobao.orgb. 等待依赖安装完成之后,执行npm run dev,会在终端中输入调试URL
  • Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台在浏览器中打开输出的链接,就能够看到页面啦!Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台前端页面前端的代码在 /src 目录中,可以看到已tsx结尾的文件名都是前端React的代码,修改其中的代码保存后,刷新打开的页面就能看到效果。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台刷新前端页面之后可以看到已经更新了:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台后端函数函数的代码在 /src/apis 目录之下,修改其中的代码保存后,刷新打开的页面就能看到效果。Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台刷新前端页面后,发现接口调用的返回数据已经更新了:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台这样就可以实时调试前端与后端代码了。发布待到开发完成之后,点击IDE左侧的按钮,可以执行部署操作:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台点击后会在控制台数据进度的信息:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台调试等到发布完成之后,可以点击调试栏,选择好要调用的函数路径之后,点击发送请求:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台成功的在控制台看到了函数的调用输出。

    Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台


    阿里云百科网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
    转载请注明原文链接:Ali Midway FaaS 一体化解决方案_场景与解决方案_云开发平台
    喜欢 (0)
    [sp91@qq.com]
    分享 (0)
    发表我的评论
    取消评论
    表情 贴图 加粗 删除线 居中 斜体 签到

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址