
ग्राफ-प्रथम नेटवर्क ट्रैफ़िक विज़ुअलाइज़र, लाइव कैप्चर और PCAP रीप्ले के लिए, जिसमें चेकपॉइंट डिफिंग, पथ ट्रेसिंग, और सुरक्षा विश्लेषण के लिए Wireshark-शैली प्रदर्शन फ़िल्टर शामिल हैं।
PacMap एक ग्राफ-प्रथम नेटवर्क ट्रैफ़िक विज़ुअलाइज़र है जो लाइव कैप्चर और PCAP पुनर्प्ले के लिए है। यह आपको यह देखने में मदद करता है कि क्या बदला, क्या शोर है, और आगे किसकी जाँच करनी है।
इसे नेटवर्क व्यवहार के लिए Git की तरह समझें: स्नैपशॉट, डिफ़, और नेटवर्क स्थिति को दृश्य रूप से पुनर्प्ले करें।

PacMap दो वर्कफ़्लो का समर्थन करता है:
.pcap या .pcapng फ़ाइल अपलोड करें और समय के साथ पैकेट प्रवाह को पुनर्प्ले करें।रिपो रूट से:
python3 -m venv venv
source venv/bin/activate
pip install websockets scapy
npm install --prefix client
Windows पर, अपनी सामान्य Python वर्कफ़्लो का उपयोग करके venv बनाएँ और सक्रिय करें, फिर वही पैकेज इंस्टॉल करें। Windows पर पैकेट कैप्चर के लिए Npcap की आवश्यकता है।
PacMap को रिपो रूट से शुरू करें:
npm start -- --iface en0
सामान्य इंटरफ़ेस उदाहरण:
en0eth0wlan0खोलें:
http://127.0.0.1:5176
फिर लाइव कैप्चर शुरू करने के लिए कंट्रोल डॉक का उपयोग करें।
रॉ पैकेट कैप्चर को आमतौर पर उच्च स्थानीय विशेषाधिकारों की आवश्यकता होती है। macOS/Linux पर:
sudo npm start -- --iface en0
Windows पर, टर्मिनल को व्यवस्थापक के रूप में चलाएँ।
वेब ऐप खोलें, स्रोत को PCAP पुनर्प्ले पर स्विच करें, और एक .pcap या .pcapng फ़ाइल अपलोड करें। फिर उपयोग करें:
पुनर्प्ले ब्राउज़र में चलता है और Python कैप्चर सर्वर के चलने की आवश्यकता नहीं होती है।
पुनर्प्ले में वार्तालाप, एंडपॉइंट, प्रोटोकॉल ब्रेकडाउन, नाम रिज़ॉल्यूशन, और I/O टाइमलाइन गतिविधि के लिए जाँच पैनल शामिल हैं।
फ़ाइल सीमाएँ: 100 MB और 100,000 पैकेट। असमर्थित फ़्रेम को छोड़ दिया जाता है और UI में गिना जाता है।
वर्तमान पुनर्प्ले समर्थन:
.pcap और बुनियादी .pcapngलाइव कैप्चर और पुनर्प्ले दोनों Wireshark-शैली डिस्प्ले फिल्टर बार का समर्थन करते हैं। एक फिल्टर टाइप करें और लागू करने के लिए Enter दबाएँ; फ़ील्ड साफ़ करें और हटाने के लिए Enter दबाएँ।
समर्थित सिंटैक्स:
tcp udp dns http arp
ip.addr == 192.168.1.10
ip.src == 10.0.0.1
ip.dst == 8.8.8.8
tcp.port == 443
udp.port == 53
port == 80
ip.src == 10.0.0.1 && ip.dst == 8.8.8.8
कम्पाउंड फिल्टर (&&) दो फ़ील्ड फिल्टर को जोड़ते हैं। एक फिल्टर लागू करने से ग्राफ मेल खाने वाले नोड्स और किनारों तक सीमित हो जाता है; इसे साफ़ करने से वर्तमान कैप्चर विंडो के लिए पूर्ण दृश्य बहाल हो जाता है।
एक compound ip.src == X && ip.dst == Y फिल्टर पथ ट्रेसिंग को सक्रिय करता है। PacMap पूरे कैप्चर पर BFS चलाकर दो एंडपॉइंट के बीच हॉप चेन खोजता है। कंट्रोल डॉक के नीचे एक पैनल दिखाई देता है जो प्रति-किनारे पैकेट और बाइट काउंट के साथ प्रत्येक हॉप दिखाता है, और मध्यवर्ती नोड्स को ग्राफ में हाइलाइट किया जाता है।
चेकपॉइंट एक समय बिंदु पर वर्तमान नेटवर्क स्थिति — नोड्स, किनारे, ट्रैफ़िक वॉल्यूम — का स्नैपशॉट लेते हैं।
चेकपॉइंट localStorage में pacmap_checkpoints के रूप में (अधिकतम 50 प्रविष्टियाँ) बने रहते हैं।
ब्राउज़र सीधे होस्ट नेटवर्क ट्रैफ़िक को सूँघ या विशेषाधिकार प्राप्त पैकेट कैप्चर शुरू नहीं कर सकते। PacMap लाइव कैप्चर के लिए Scapy के साथ एक स्थानीय Python WebSocket सहायक का उपयोग करता है, फिर पैकेट सारांश को React ऐप पर स्ट्रीम करता है:
ws://127.0.0.1:8765
PCAP पुनर्प्ले अलग है: ब्राउज़र अपलोड की गई फ़ाइल को पढ़ता है और लाइव पैकेट एक्सेस की आवश्यकता के बिना उसी ग्राफ़ विज़ुअलाइज़ेशन का पुन: उपयोग करता है।
केवल फ्रंटएंड:
cd client
npm install
npm run dev
प्रोडक्शन बिल्ड:
npm run build
केवल कैप्चर सर्वर:
source venv/bin/activate
python3 server.py --iface en0
server.py नहीं चल रहा है या WebSocket पोर्ट उपलब्ध नहीं है।ping 8.8.8.8, DNS लुकअप, या अन्य नेटवर्क गतिविधि के साथ ट्रैफ़िक उत्पन्न करें।