华为云CloudIDE是面向云原生的轻量级WebIDE，通过浏览器访问即可实现云端开发环境获取、代码编写、编译调试、运行预览、访问代码仓库、命令行执行等能力，同时支持丰富的插件扩展。

函数工作流（FunctionGraph）是华为云提供的一款无服务器（即Serverless，能够为应用屏蔽基础设施，提供自动化运行环境、随时按实际用量计费、免运维的能力）计算服务，是一项基于事件驱动的函数托管计算服务。使用FunctionGraph函数，只需编写业务函数代码并设置运行的条件，无需配置和管理服务器等基础设施，函数即可以弹性、免运维、高可靠的方式运行。

由于FunctionGraph自带的线上编辑器只能对代码进行简单的编辑，且没法调试，尤其对于复杂函数，操作起来更是繁琐。为解决函数开发问题，FunctionGraph找到了CloudIDE。

当FunctionGraph函数遇上CloudIDE，会产生什么反应呢？本篇小课就为您介绍如何将FunctionGraph和CloudIDE结合使用，通过CloudIDE在线管理FunctionGraph函数，轻松实现函数线上开发，所有操作都在云上搞定，让函数界面更友好，创建函数更快速，调试函数更方便。

说明：

• 当前仅“华南-广州”和“华北-北京四”区域支持CloudIDE在线管理函数。

• 当前仅Node.js、Java、Python语言支持CloudIDE在线管理函数。

接下来，和小课一起来体验一把吧！！！

一、在FunctionGraph控制台创建函数

用户在FunctionGraph控制台创建函数后，可以选择在CloudIDE中打开，即可进入CloudIDE在线编辑页面，并自动安装FunctionGraph插件，在这里对函数进行管理。

1. 登录FunctionGraph控制台，选择左侧导航栏“函数 > 函数列表”。

2. 进入“函数”页面，单击右上角“创建函数”。

3. 进入“创建函数”页面，根据需要填写配置信息（可参考创建函数页面函数基础配置信息表），填写完成后单击“创建函数”。

4. 进入函数详情页，单击“在CloudIDE中打开”。

   

5. 弹出“选择实例”对话框，选择已有实例或者创建新实例，单击“确定”。

6. 进入CloudIDE在线编辑页面，在这里就可开始管理您的函数啦~

二、在CloudIDE管理函数

进入CloudIDE在线编辑页面后，可以下载FunctionGraph控制台上的函数，也可以创建新的函数，对这些函数进行编辑、调试等，再推送到FunctionGraph控制台。

1. 下载函数。

   在CloudIDE在线编辑页面，单击左侧导航栏，即FunctionGraph插件。

   

   在左侧编辑框可以看到LOCAL FUNCTION和REMOTE FUNCTION两个目录，分别展开两个目录。

   • LOCAL FUNCTION目录，显示从REMOTE FUNCTION目录下载的函数和应用。

     说明：在函数工作流控制台选择从哪个函数进入CloudIDE在线编辑页面的，系统会默认下载该函数并显示在LOCAL FUNCTION目录。

   • REMOTE FUNCTION目录，显示在FunctionGraph控制台创建好的所有函数和应用，选中函数/应用或将鼠标移动到函数/应用所在行，单击，可以将函数/应用下载到CloudIDE（即，LOCAL FUNCTION目录）进行在线编辑。

2. 创建函数。

   将鼠标移动到LOCAL FUNCTION目录，单击创建函数，选择模板、填写基本信息，然后单击“创建函数”，即可完成函数创建。

3. 在线编辑函数。

   右侧编辑框默认显示从函数工作流控制台进入CloudIDE在线编辑页面的函数，也可以在LOCAL FUNCTION目录，右键函数，选择“打开文件”，即可在右侧编辑框中编辑该函数，如下图，新增一行代码。

   

4. 在线调试函数。

   选中函数或将鼠标移动到函数所在行，单击，进入“调试函数”页面，选择测试事件，单击开始调试。

   

   页面下方“调试控制台”调试结果如下：

   

三、将函数推送到FunctionGraph控制台

在CloudIDE侧修改并调试完函数后，即可将函数推送至FunctionGraph控制台。

1. 选中函数或将鼠标移动到函数所在行，单击推送函数，页面下方“输出”控制台提示推送成功。

   

2. 返回FunctionGraph控制台，查看函数，确认已经合入已修改的内容。

   

3. 单击右上角“选择测试事件”，为函数配置测试事件（可参考测试管理），在编辑器全屏模式下，单击“测试”，即可运行更新后的函数。