容器中的Gaphor

除了在本地搭建开发环境,为项目做贡献的最简便方式是使用GitHub Codespaces。

GitHub Codespaces

请按照以下步骤在Codespace中打开Gaphor:

  1. 导航到 https://github.com/gaphor/gaphor

  2. 点击“Code”(代码)下拉菜单,选择 “Open with Codespaces”(使用Codespaces打开)选项。

  3. 在窗格底部选择 + New codespace(+ 新建代码空间)。

如需了解更多信息,请查阅GitHub 官方文档

使用Codespaces远程访问Gaphor图形界面

使用Codespaces时,您可能还需要与Gaphor的图形界面进行交互。

在Gaphor中,这一功能通过名为desktop-lite的容器特性实现。该特性已在Gaphor的devcontainer.json 配置文件中默认启用。

请注意 webPort/vncPort 和 password 的值,后续步骤中将使用这些参数。

    		"desktop-lite": {
			"password": "vscode",
			"webPort": "6080",
			"vncPort": "5901"
		},

有以下两个选项:

使用本地VNC查看器

  1. 下载并安装您选择的VNC查看器(例如RealVNC)

  2. 请将远程主机名指定为localhost,端口设为 5901 并连接 VNC。端口号需与属性vncPort中设定的数值保持一致

  3. 调试/运行Gaphor时,熟悉的图形窗口应该会显示在VNC视图中

在浏览器中使用noVNC查看器

  1. 基于noVNC 应用程序

  2. 在本地计算机上打开浏览器,并输入地址 http://127.0.0.1:6080/。端口号需与 webPort 属性中指定的保持一致

  3. 将打开一个noVNC窗口,点击"连接(Connect)"并输入密码vscode。该密码需与password属性中设定的密码一致

  4. 在[调试/运行] (https://github.com/gaphor/gaphor/blob/main/.devcontainer/devcontainer.json)Gaphor时,熟悉的图形窗口应会显示在浏览器的noVNC视图中