.. title: Trình gỡ lỗi từng bước trong quy trình quyết định BGP
.. sên: bgp-quyết định-gỡ lỗi
.. ngày: 27-03-2026 12:00:00 UTC
.. tags: mạng, bgp, định tuyến, máy tính, công cụ
.. thể loại: Máy tính
.. liên kết:
.. mô tả: Xem qua tất cả 9 tiêu chí lựa chọn đường dẫn tốt nhất của BGP theo từng bước. Nhập hai mục RIB cạnh tranh và xem tiêu chí nào chọn người chiến thắng với các phán quyết theo từng thuộc tính.
.. loại: văn bản
<style>
/* ── CANONICAL DESIGN SYSTEM ──────────────────────────────────────────────── */
.calc-container { max-width: 900px; margin: 20px auto; padding: 20px; }
.calc-header { margin-bottom: 30px; padding: 25px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); color: white; }
.calc-header h2 { margin-top: 0; color: white; font-size: 28px; margin-bottom: 10px; }
.calc-header p  { margin: 10px 0; opacity: 0.95; font-size: 15px; }
.input-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-top: 20px; }
.input-group { display: flex; flex-direction: column; }
.input-group label { margin-bottom: 8px; font-weight: 600; color: rgba(255,255,255,0.95); font-size: 14px; }
.input-group input, .input-group select, .input-group textarea { padding: 14px; font-size: 14px; border: 2px solid rgba(255,255,255,0.3); border-radius: 6px; background: rgba(255,255,255,0.95); transition: all 0.3s ease; box-sizing: border-box; font-family: inherit; }
.input-group input:focus, .input-group select:focus, .input-group textarea:focus { outline: none; border-color: #4CAF50; background: white; box-shadow: 0 0 0 3px rgba(76,175,80,0.1); }
.button-container { margin-top: 20px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.calc-button { padding: 14px 35px; font-size: 16px; background: #4CAF50; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.calc-button:hover  { background: #45a049; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.calc-button:active { background: #3d8b40; transform: translateY(0); }
.result-section { background: white; border: 1px solid #e0e0e0; border-radius: 8px; margin-top: 20px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease; }
.result-section:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.section-header { background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; padding: 15px 20px; font-size: 18px; font-weight: bold; }
.section-content { padding: 20px; background: #fafafa; }
@media (max-width: 768px) { .input-grid, .peer-grid { grid-template-columns: 1fr; } .calc-header h2 { font-size: 22px; } .calc-container { padding: 10px; } }
/* Page-specific: BGP debugger two-path input panels */
.peer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 16px; }
.peer-box { border-radius: 8px; padding: 14px; background: rgba(255,255,255,0.15); border: 2px solid rgba(255,255,255,0.4); }
.peer-box h4 { margin: 0 0 10px 0; color: white; font-size: 15px; }
.peer-box.b { border-color: rgba(231,76,60,0.7); }
.peer-box.b h4 { color: #ffb3b3; }
/* Step list */
.step-list { list-style: none; padding: 0; margin: 0; }
.step { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border-bottom: 1px solid #eee; font-size: 13px; }
.step:last-child { border-bottom: none; }
.step-num { background: #4CAF50; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; flex-shrink: 0; margin-top: 2px; }
.step.tie .step-num  { background: #95a5a6; }
.step-body { flex: 1; }
.step-name { font-weight: bold; color: #2c3e50; }
.step-vals { color: #666; margin: 2px 0; }
.verdict { font-weight: bold; margin-top: 4px; }
.verdict.a   { color: #3498db; }
.verdict.b   { color: #e74c3c; }
.verdict.tie { color: #95a5a6; }
.winner-box { background: #d4edda; border: 2px solid #28a745; border-radius: 8px; padding: 14px; text-align: center; font-size: 1.2em; margin-top: 8px; }
.winner-box.b { background: #fde8e8; border-color: #e74c3c; }
code { background: #f0f0f0; padding: 1px 4px; border-radius: 3px; font-size: 12px; }
@media (max-width: 600px) { .peer-grid { grid-template-columns: 1fr; } }
</style>
<div class="calc-container">
<div class="calc-header">
<h2>Trình gỡ lỗi từng bước trong quy trình quyết định BGP</h2>
<p>Nhập hai mục nhập RIB cạnh tranh và lần lượt xem qua tất cả 9 tiêu chí đường dẫn tốt nhất BGP.</p>
<div class="peer-grid">
<div class="peer-box">
<h4>Đường dẫn A</h4>
<div class="input-group"><label>Trọng lượng (chỉ Cisco, cục bộ)</label>
<input id="aWeight" max="65535" min="0" type="number" value="100"/></div>
<div class="input-group"><label>Sở thích cục bộ</label>
<input id="aLp" max="4294967295" min="0" type="number" value="100"/></div>
<div class="input-group"><label>Có nguồn gốc địa phương?</label>
<select id="aLocal"><option value="0">KHÔNG</option><option value="1">Có (mạng/tổng ​​hợp)</option></select></div>
<div class="input-group"><label>Độ dài đường dẫn AS</label>
<input id="aAsp" max="255" min="0" type="number" value="2"/></div>
<div class="input-group"><label>Nguồn gốc</label>
<select id="aOrigin"><option value="0">IGP (i)</option><option value="1">EGP (e)</option><option value="2">Chưa đầy đủ (?)</option></select></div>
<div class="input-group"><label>MED</label>
<input id="aMed" max="4294967295" min="0" type="number" value="0"/></div>
<div class="input-group"><label>Loại phiên</label>
<select id="aType"><option value="e">eBGP</option><option value="i">iBGP</option></select></div>
<div class="input-group"><label>Số liệu IGP (đến bước nhảy tiếp theo)</label>
<input id="aIgp" max="4294967295" min="0" type="number" value="10"/></div>
<div class="input-group"><label>ID bộ định tuyến BGP</label>
<input id="aRid" placeholder="10.0.0.1" type="text" value="10.0.0.1"/></div>
</div>
<div class="peer-box b">
<h4>Đường dẫn B</h4>
<div class="input-group"><label>Trọng lượng (chỉ Cisco, cục bộ)</label>
<input id="bWeight" max="65535" min="0" type="number" value="100"/></div>
<div class="input-group"><label>Sở thích cục bộ</label>
<input id="bLp" max="4294967295" min="0" type="number" value="100"/></div>
<div class="input-group"><label>Có nguồn gốc địa phương?</label>
<select id="bLocal"><option value="0">KHÔNG</option><option value="1">Có (mạng/tổng ​​hợp)</option></select></div>
<div class="input-group"><label>Độ dài đường dẫn AS</label>
<input id="bAsp" max="255" min="0" type="number" value="3"/></div>
<div class="input-group"><label>Nguồn gốc</label>
<select id="bOrigin"><option value="0">IGP (i)</option><option value="1">EGP (e)</option><option value="2">Chưa đầy đủ (?)</option></select></div>
<div class="input-group"><label>MED</label>
<input id="bMed" max="4294967295" min="0" type="number" value="0"/></div>
<div class="input-group"><label>Loại phiên</label>
<select id="bType"><option value="e">eBGP</option><option value="i">iBGP</option></select></div>
<div class="input-group"><label>Số liệu IGP (đến bước nhảy tiếp theo)</label>
<input id="bIgp" max="4294967295" min="0" type="number" value="20"/></div>
<div class="input-group"><label>ID bộ định tuyến BGP</label>
<input id="bRid" placeholder="10.0.0.2" type="text" value="10.0.0.2"/></div>
</div>
</div>
<div class="button-container">
<button class="calc-button" onclick="runDebugger()">Bước qua quá trình quyết định</button>
</div>
</div>
<div class="result-section" id="resultsSection" style="display:none">
<div class="section-header">Các bước lựa chọn đường dẫn tốt nhất</div>
<div class="section-content">
<ul class="step-list" id="stepList"></ul>
<div id="winnerBox"></div>
</div>
</div>
<div class="result-section">
<div class="section-header">Tham chiếu tiêu chí đường dẫn tốt nhất BGP (RFC 4271)</div>
<div class="section-content">
<table style="width:100%;border-collapse:collapse;font-size:13px">
<tr style="background:#4CAF50;color:white"><th style="padding:7px">Bước chân</th><th style="padding:7px">Tiêu chí</th><th style="padding:7px">Người chiến thắng</th><th style="padding:7px">Ghi chú</th></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">1</td><td style="padding:7px;border-bottom:1px solid #eee">Cân nặng</td><td style="padding:7px;border-bottom:1px solid #eee">Cao hơn</td><td style="padding:7px;border-bottom:1px solid #eee">Cisco độc quyền, cục bộ tới bộ định tuyến</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">2</td><td style="padding:7px;border-bottom:1px solid #eee">Sở thích cục bộ</td><td style="padding:7px;border-bottom:1px solid #eee">Cao hơn</td><td style="padding:7px;border-bottom:1px solid #eee">Thuộc tính iBGP, chính sách toàn AS</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">3</td><td style="padding:7px;border-bottom:1px solid #eee">Có nguồn gốc địa phương</td><td style="padding:7px;border-bottom:1px solid #eee">Chiến thắng cục bộ</td><td style="padding:7px;border-bottom:1px solid #eee">lệnh mạng/tổng ​​hợp</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">4</td><td style="padding:7px;border-bottom:1px solid #eee">Độ dài đường dẫn AS</td><td style="padding:7px;border-bottom:1px solid #eee">ngắn hơn</td><td style="padding:7px;border-bottom:1px solid #eee">Có thể bị vô hiệu hóa bằng cách bỏ qua bgp bestpath as-path</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">5</td><td style="padding:7px;border-bottom:1px solid #eee">Nguồn gốc</td><td style="padding:7px;border-bottom:1px solid #eee">IGP &gt; EGP &gt; ?</td><td style="padding:7px;border-bottom:1px solid #eee">RFC 4271 §9.1.2.2</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">6</td><td style="padding:7px;border-bottom:1px solid #eee">MED</td><td style="padding:7px;border-bottom:1px solid #eee">Thấp hơn</td><td style="padding:7px;border-bottom:1px solid #eee">Chỉ so sánh nếu cùng AS lân cận (RFC 4271)</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">7</td><td style="padding:7px;border-bottom:1px solid #eee">eBGP trên iBGP</td><td style="padding:7px;border-bottom:1px solid #eee">eBGP thắng</td><td style="padding:7px;border-bottom:1px solid #eee">Đường dẫn bên ngoài được ưu tiên hơn đường dẫn nội bộ</td></tr>
<tr><td style="padding:7px;border-bottom:1px solid #eee">8</td><td style="padding:7px;border-bottom:1px solid #eee">Số liệu IGP</td><td style="padding:7px;border-bottom:1px solid #eee">Thấp hơn</td><td style="padding:7px;border-bottom:1px solid #eee">Chi phí cho bước nhảy tiếp theo của BGP qua IGP</td></tr>
<tr><td style="padding:7px">9</td><td style="padding:7px">ID bộ định tuyến</td><td style="padding:7px">Thấp hơn</td><td style="padding:7px">Sự ràng buộc, lựa chọn xác định</td></tr>
</table>
</div>
</div>
</div>
<script>
function ipToNum(ip) {
    const parts = ip.trim().split('.').map(Number);
    if (parts.length !== 4 || parts.some(p => isNaN(p) || p < 0 || p > 255)) return null;
    return ((parts[0]<<24)|(parts[1]<<16)|(parts[2]<<8)|parts[3])>>>0;
}

function runDebugger() {
    const get = id => document.getElementById(id);
    const a = {
        weight: parseInt(get('aWeight').value), lp: parseInt(get('aLp').value),
        local: parseInt(get('aLocal').value), asp: parseInt(get('aAsp').value),
        origin: parseInt(get('aOrigin').value), med: parseInt(get('aMed').value),
        type: get('aType').value, igp: parseInt(get('aIgp').value),
        rid: get('aRid').value,
    };
    const b = {
        weight: parseInt(get('bWeight').value), lp: parseInt(get('bLp').value),
        local: parseInt(get('bLocal').value), asp: parseInt(get('bAsp').value),
        origin: parseInt(get('bOrigin').value), med: parseInt(get('bMed').value),
        type: get('bType').value, igp: parseInt(get('bIgp').value),
        rid: get('bRid').value,
    };

    const aRidNum = ipToNum(a.rid);
    const bRidNum = ipToNum(b.rid);
    const resultsSection = document.getElementById('resultsSection');
    resultsSection.style.display = 'block';

    const originName = v => ['IGP (i)','EGP (e)','Incomplete (?)'][v];

    const criteria = [
        {
            name: 'Weight (Cisco)', higher: true, aVal: a.weight, bVal: b.weight,
            aLabel: a.weight, bLabel: b.weight,
            note: 'Higher weight wins. Cisco proprietary, not sent to peers.',
        },
        {
            name: 'Local Preference', higher: true, aVal: a.lp, bVal: b.lp,
            aLabel: a.lp, bLabel: b.lp,
            note: 'Higher local-pref wins. iBGP-propagated, AS-wide policy knob.',
        },
        {
            name: 'Locally Originated', higher: true, aVal: a.local, bVal: b.local,
            aLabel: a.local ? 'Yes' : 'No', bLabel: b.local ? 'Yes' : 'No',
            note: 'Locally originated (network/aggregate) preferred over learned routes.',
        },
        {
            name: 'AS-Path Length', higher: false, aVal: a.asp, bVal: b.asp,
            aLabel: `${a.asp} hops`, bLabel: `${b.asp} hops`,
            note: 'Shorter AS-Path wins.',
        },
        {
            name: 'Origin Code', higher: false, aVal: a.origin, bVal: b.origin,
            aLabel: originName(a.origin), bLabel: originName(b.origin),
            note: 'IGP (i) < EGP (e) < Incomplete (?). Lower numeric value wins.',
        },
        {
            name: 'MED', higher: false, aVal: a.med, bVal: b.med,
            aLabel: a.med, bLabel: b.med,
            note: 'Lower MED wins. Only compared between paths from same neighboring AS (RFC 4271).',
        },
        {
            name: 'eBGP over iBGP',
            aVal: a.type === 'e' ? 0 : 1, bVal: b.type === 'e' ? 0 : 1,
            higher: false,
            aLabel: a.type === 'e' ? 'eBGP' : 'iBGP',
            bLabel: b.type === 'e' ? 'eBGP' : 'iBGP',
            note: 'eBGP paths preferred over iBGP paths.',
        },
        {
            name: 'IGP Metric to Next-Hop', higher: false, aVal: a.igp, bVal: b.igp,
            aLabel: a.igp, bLabel: b.igp,
            note: 'Lower IGP cost to BGP next-hop wins.',
        },
        {
            name: 'BGP Router-ID', higher: false,
            aVal: aRidNum !== null ? aRidNum : 0,
            bVal: bRidNum !== null ? bRidNum : 0,
            aLabel: a.rid, bLabel: b.rid,
            note: 'Lower router-ID wins (final deterministic tie-breaker).',
        },
    ];

    let winner = null;
    const steps = criteria.map((c, i) => {
        let verdict, cls;
        if (winner) {
            // Already decided
            return `<li class="step tie">
                <div class="step-num">${i+1}</div>
                <div class="step-body">
                    <div class="step-name">${c.name}</div>
                    <div class="step-vals">A: ${c.aLabel} | B: ${c.bLabel}</div>
                    <div class="verdict tie">— Skipped (winner already determined) —</div>
                </div>
            </li>`;
        }
        if (c.higher) {
            if (c.aVal > c.bVal) { verdict = 'Path A wins'; cls = 'a'; winner = 'A'; }
            else if (c.bVal > c.aVal) { verdict = 'Path B wins'; cls = 'b'; winner = 'B'; }
            else { verdict = 'Tie — proceed to next criterion'; cls = 'tie'; }
        } else {
            if (c.aVal < c.bVal) { verdict = 'Path A wins'; cls = 'a'; winner = 'A'; }
            else if (c.bVal < c.aVal) { verdict = 'Path B wins'; cls = 'b'; winner = 'B'; }
            else { verdict = 'Tie — proceed to next criterion'; cls = 'tie'; }
        }
        return `<li class="step${winner ? ' decided' : ''}">
            <div class="step-num">${i+1}</div>
            <div class="step-body">
                <div class="step-name">${c.name}</div>
                <div class="step-vals">A: ${c.aLabel} | B: ${c.bLabel}</div>
                <div class="step-vals" style="color:#999;font-size:12px">${c.note}</div>
                <div class="verdict ${cls}">${verdict}</div>
            </div>
        </li>`;
    });

    const winnerBox = winner
        ? `<div class="winner-box${winner === 'B' ? ' b' : ''}">
            <strong>Best Path: Path ${winner}</strong>
           </div>`
        : `<div class="winner-box" style="background:#fff8e0;border-color:#f0a500">
            <strong>Complete tie after all 9 criteria — implementation-specific tiebreaker</strong>
           </div>`;

    document.getElementById('stepList').innerHTML = steps.join('');
    document.getElementById('winnerBox').innerHTML = winnerBox;
}
</script>