经过

不久前，我使用的Mac电脑的电池出了故障，我将其送修了大约一周。在此期间，我工作的效率非常低下… ?

因此，我们正在逐渐从本地开发转移到Cloud9实例上进行开发。我们在EC2上启动了Cloud9（一种可以通过Web使用的IDE），并在其中引入了Docker、nodejs、Amplify、CDK等工具，从而在云端构建了一个非常便利的开发环境。

我前几天试图安装Prisma，但遇到了一些问题。

基本知识

智能图像处理应用

我计划使用Prisma作为一种可以在Typescript中使用的ORM工具，通过加载现有数据库模式来以对象形式获取和更新数据。

当我实际使用时，发现它非常方便。

我希望能够积极利用GraphQL API等，并将其快速应用起来。

问题

Prisma内附有名为PrismaStudio的Web界面工具，可以在此界面上操作数据库的模式和记录。

PrismaStudio 在本地 http://localhost:5555 上运行，但 Cloud9 只能使用 8080-8082 端口进行预览，5555 端口被关闭了。

好了，该怎么办呢……?

对策

作为可能的应对措施，有两个选择。

在Cloud9服务器上启动Vnc服务器并通过远程桌面访问5555端口，可以使用Nginx进行端口转发。

如果按照以下的文章参考方法，在Cloud9上启动Vnc服务器应该是可行的。

然而，我觉得在Cloud9上建立Vnc服务器似乎会非常困难。因此，我决定尝试使用nginx进行端口转发的方法。

一步一步的过程

以下内容适用于Amazon Linux，将在Cloud9的终端上执行。

安装nginx

sudo yum install nginx

编辑nginx.conf文件

将对端口8080的访问进行设置，使其转发到端口5555。

server {
    listen       8080; # ポート80から8080に変更
・・・
    # 以下3行を追記
    location / {
                proxy_pass http://localhost:5555;
    }
}

启动PrismaStudio和Nginx。

sudo nginx
npx prisma studio

最后，通过Cloud9的“预览运行应用程序”选项，PrismaStudio将启动。

结束

在完成使用后，在终端上使用Ctrl-C退出PrismaStudio后，停止nginx。

sudo nginx -s stop

真的很简单

总结

由于使用Cloud9的人还比较少，我无法找到有关这种端口转发的文章，希望以下内容对您有所帮助。

未来中，有一种预感是云端上的开发方法会变得更加广泛。