InternStudio大模型之路（一）：在MacBook上实现VSCode通过SSH连接InternStudio云服务器，并使用端口映射实现本地访问云端hello_world.py发布的网页

一. InternStudio开发机及登陆管理

InternStudio 是大模型时代下的云端算力平台。基于 InternLM 组织下的诸多算法库支持，为开发者提供开箱即用的大语言模型微调环境、工具、数据集，并完美兼容 🤗 HugginFace 开源生态。

如果大家想了解更多关于InternStduio的介绍的话可以查看下面的文档： InternStudio

打开上面的链接进入InternStudio，首次打开需要输入邀请码，填写书生大模型实战营问卷报名成功后邮箱中的核销码就是“邀请码”，完成登录会自动跳转到控制台界面。

在首页上可以创建开发机。名称自定义，如test，Cuda版本为12.2-conda，资源配置选择10%。创建完成以后在开发机界面可以看到刚刚创建的开发机，点击“操作”中的按钮“进入开发机” 打开“WebIDE”页面，在这个IDE页面中可以通过JupyterLab/终端/网页中集成的VSCode进行开发和管理。

二、在Macbook上安装的VSCode通过SSH连接到InternStudio云服务器

可以在Macbook终端iTerm上通过SSH连接，也可以使用SSH远程连接软件，例如：Windterm、Xterminal，VSCode等进行远程连接InternStudio服务器，使用VScode的好处是，本身它就是代码编辑器，进行代码修改等操作时会非常方便。

如果要在VScode中进行远程连接，我们还需要安装一套插件Remote-SSH。

如果你已经安装好了VScode，可以在点击左侧的扩展页面，在搜索框中输入“SSH”，第一个就是我们要安装的插件，点开它“Install”就可以了。

安装完成插件以后，点击侧边栏的远程连接图标，在SSH中点击“+”按钮，添加开发机SSH连接的登录命令。

我们回到开发机平台，进入开发机页面找到我们创建的开发机，点击SSH连接，点击下图中“登陆命令”中的复制。

然后将复制内容粘贴到VSCode弹出的窗口中，最后回车。配置文件选第一个默认的就可以。然后在右下角弹出来的提示窗口中点击“连接”就可以远程到开发机中了。

远程连接完成以后，可以选择打开的文件夹，也可以称为工作目录，你可以选择开发机中的也可以选择本地的，开发机中的文件夹，就是InternStudio中的云盘，默认是/root工作目录。

三、通过端口映射实现Macbook浏览器访问InternStudio云服务器中发布的网页

1、在运行代码之前，在云服务器中需要先使用pip install gradio==4.29.0命令安装以下gradio依赖包。在WebIDE中点击左边“我的云盘”，点击“新建”，选择“文件”，创建一个hello_world.py文件，在文件中填入以下内容：

import socket
import re
import gradio as gr
 
# 获取主机名
def get_hostname():
    hostname = socket.gethostname()
    match = re.search(r'-(\d+)$', hostname)
    name = match.group(1)
    
    return name
 
# 创建 Gradio 界面
with gr.Blocks(gr.themes.Soft()) as demo:
    html_code = f"""
            <p align="center">
            <a href="https://intern-ai.org.cn/home">
                <img src="https://intern-ai.org.cn/assets/headerLogo-4ea34f23.svg" alt="Logo" width="20%" style="border-radius: 5px;">
            </a>
            </p>
            <h1 style="text-align: center;">☁️ Welcome {get_hostname()} user, welcome to the ShuSheng LLM Practical Camp Course!</h1>
            <h2 style="text-align: center;">😀 Let’s go on a journey through ShuSheng Island together.</h2>
            <p align="center">
                <a href="https://github.com/InternLM/Tutorial/blob/camp3">
                    <img src="https://oss.lingkongstudy.com.cn/blog/202406301604074.jpg" alt="Logo" width="20%" style="border-radius: 5px;">
                </a>
            </p>

            """
    gr.Markdown(html_code)

demo.launch()

然后进入Web IDE的终端中，使用Python运行改文件： python hello_world.py, 出现Running on local URL:  http://127.0.0.1:7860 表示云服务器已经发布了网页。

2、打开MacBook的终端iTerm，输入：ssh -p 47917 root@ssh.intern-ai.org.cn -CNg -L 7860:127.0.0.1:7860 -o StrictHostKeyChecking=no （在InternStudio开发机中“工具”中点击“自定义服务”，复制第二条命令） 进行端口映射。

3、打开Macbook的浏览器Google，在网页中输入 127.0.0.1:7860 或 localhost：7860即可打开云端发布的网页，如下图所示：