这篇文章上次修改于 1998 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

使用访问链接演示你的应用
文章内容

安装 yarn

   curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
   11  echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

1 创建工作空间
2 创建应用
3 创建访问链接
使用 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,并点击右侧「创建链接」,下方就会多一条访问链接。
请输入图片描述

请输入图片描述