JumpServer Lina 项目使用教程

1. 项目介绍

JumpServer Lina 是 JumpServer 的前端 UI 项目，主要使用 Vue 和 Element UI 完成。项目名称“Lina”来源于 Dota 英雄 Lina。Lina 项目的主要功能是为 JumpServer 提供一个用户友好的 Web 界面，使用户能够通过浏览器轻松管理和操作 JumpServer 的各种功能。

2. 项目快速启动

前置条件

• 已部署并运行 JumpServer API 服务器。

安装依赖

首先，克隆项目到本地：

git clone https://github.com/jumpserver/lina.git
cd lina

然后，安装项目依赖：

yarn install

配置环境变量

修改 .env.development 文件中的 VUE_APP_CORE_HOST 变量，指向 JumpServer API 服务器的地址：

VUE_APP_CORE_HOST = 'JUMPSERVER_APIHOST'

运行项目

启动开发服务器：

yarn serve

构建项目

构建生产环境版本：

yarn build:prod

生产环境部署

将构建好的文件放到合适的目录，并配置 Nginx 如下：

server {
    listen 80;
    location /ui/ {
        try_files $uri / /ui/index.html;
        alias /opt/lina/;
    }
    location / {
        rewrite ^/(.*)$ /ui/$1 last;
    }
}

3. 应用案例和最佳实践

应用案例

Lina 项目广泛应用于企业内部 IT 管理平台，特别是在需要集中管理多台服务器和网络设备的环境中。通过 JumpServer 和 Lina 的结合，企业可以实现对服务器、网络设备、数据库等的统一管理和监控。

最佳实践

• 权限管理：利用 JumpServer 的权限管理功能，确保不同用户只能访问其权限范围内的资源。
• 日志审计：通过 JumpServer 的日志功能，记录所有操作日志，便于后续审计和问题排查。
• 自动化运维：结合 JumpServer 的自动化功能，实现定时任务、批量操作等，提高运维效率。

4. 典型生态项目

JumpServer Core

JumpServer Core 是 JumpServer 的核心服务，提供 API 接口供 Lina 调用，实现用户认证、资源管理、权限控制等功能。

Element UI

Element UI 是一个基于 Vue 2.0 的桌面端组件库，Lina 项目大量使用了 Element UI 的组件，提供了丰富的 UI 元素和交互效果。

Vue.js

Vue.js 是一个渐进式 JavaScript 框架，Lina 项目使用 Vue.js 构建前端应用，提供了响应式的数据绑定和组件化的开发模式。

通过以上模块的介绍和实践，您可以快速上手 JumpServer Lina 项目，并将其应用于实际的 IT 管理场景中。