Files
vpd-permission-poc/src/main/resources/templates/mcp-client-demo.html
2026-07-01 10:35:21 +09:00

62 lines
2.7 KiB
HTML

<!doctype html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: head('연동 점검')}"></head>
<body>
<nav th:replace="~{fragments/layout :: nav}"></nav>
<main class="container page-shell">
<section class="page-heading">
<h1>연동 점검</h1>
<details class="explanation-details">
<summary>도움말</summary>
<p>연동 Java client가 MCP message endpoint의 initialize/tools/list 계약을 확인합니다. 실제 tool 선택과 호출은 reasoning 결과를 받은 MCP client가 담당합니다.</p>
</details>
</section>
<section th:if="${runtimeError}" class="alert alert-warning">
<strong th:text="${runtimeError.title()}">DB 연결 설정이 필요합니다.</strong>
<div th:text="${runtimeError.message()}">DB 연결을 확인할 수 없습니다.</div>
</section>
<section class="content-band">
<h2>Java Client 호출</h2>
<form hx-post="/mcp-client-demo" hx-target="#mcp-client-demo-result" hx-swap="innerHTML" class="form-grid">
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
<details class="explanation-details span-2">
<summary>확인하는 계약 보기</summary>
<p>이 화면은 고정된 기본 MCP endpoint에서 initialize와 tools/list만 확인합니다. 질문 기반 tool 선택·Bearer Token 전달·tools/call은 MCP Reasoning 또는 외부 MCP client 흐름에서 수행합니다.</p>
</details>
<button class="btn rw-btn-primary" type="submit">MCP 계약 확인</button>
</form>
</section>
<section class="content-band">
<div class="section-heading">
<h2>호출 흐름</h2>
<span class="badge text-bg-secondary">HTTP JSON-RPC</span>
</div>
<div class="mcp-service-grid">
<div class="mcp-service-item">
<span>연결 시작</span>
<strong><code>initialize</code></strong>
<small>기본 MCP serverInfo와 tools capability를 확인합니다.</small>
</div>
<div class="mcp-service-item">
<span>도구 목록</span>
<strong><code>tools/list</code></strong>
<small>현재 보호 객체에서 생성된 ORDS query tool과 설명/schema를 조회합니다.</small>
</div>
<div class="mcp-service-item">
<span>도구 호출</span>
<strong><code>tools/call</code></strong>
<small>tool 선택은 reasoning 이후 MCP client가 수행하므로 이 화면에서는 호출하지 않습니다.</small>
</div>
</div>
</section>
<section id="mcp-client-demo-result" class="content-band">
<div class="text-muted">Java MCP client 확인 결과가 여기에 표시됩니다.</div>
</section>
</main>
</body>
</html>