使用访问链接演示你的应用

使用 Cloud Studio 的访问链接功能,你可以在工作空间内快速运行自己的应用,并创建一个可以公开访问的链接。使用访问链接可以很方便地演示你的应用,或者进行功能调试。下面我将以 Node.js 为例介绍如何创建一个访问链接。

创建工作空间

首先,我们创建一个空模板的工作空间。

创建完成后,进入工作空间,将其切换到 Node.js 环境。

创建应用

这时候我们的环境里已经有了 Node.js,我们来创建一个 Node.js 应用。为了方便,我们使用 create-react-app 脚手架来创建一个 React 应用。

首先安装 create-react-app,打开一个终端并执行 sudo yarn global add create-react-app

接下来执行 create-react-app app 来创建应用,它会在当前目录下创建一个 app 文件夹,这就是我们的应用代码。

创建访问链接

上述过程同时也会安装好所需的依赖,所以我们现在只需要进入 app,并执行 yarn start 就可以启动应用了。

此时终端显示应用启动成功,并运行在 http:localhost:3000。我们打开右侧的「访问链接」面板,将输入框中的端口改为 3000,并点击右侧「创建链接」,下方就会多一条访问链接。

我们可以直接点击蓝色的链接访问,也可以将鼠标放在二维码图标上弹出二维码用手机扫码访问。

这里是以 Node.js 为例,你也可以使用 Python、PHP、Java 等其他语言尝试创建访问链接。