Kernel Browser Manager

\n\n \n

\n \n\n

📖 Hướng dẫn sử dụng

\n\n

Chọn loại Proxy

Residential = ẩn danh cao nhất. Datacenter = nhanh. ISP = cân bằng.

\n\n

Chọn quốc gia

IP sẽ xuất hiện từ quốc gia được chọn. Timezone & ngôn ngữ browser tự khớp.

\n\n

Chọn Profile (tuỳ chọn)

Gắn profile để giữ cookies & đăng nhập giữa các phiên. Bỏ qua nếu không cần.

\n\n

Khởi tạo & Live View

Nhấn 🚀 Khởi tạo. Sau khi tạo xong, nhấn 👁️ Live View để điều khiển browser.

\n\n

Kiểm tra IP & Xoá phiên

Dùng 🔍 IP để xác minh IP thực. Khi xong việc, nhấn 🗑️ để xoá (profile tự lưu).

\n\n

\n 💡 Mẹo: Stealth inject tự động bật khi dùng Residential proxy — giả lập ngôn ngữ, timezone, plugins, screen để tránh bị phát hiện.\n

\n\n \n

🚀

\n Tạo phiên mới\n

\n\n

\n \n

\n \n \n \n \n

\n\n \n

Chọn loại proxy cho phiên trình duyệt này:

🏠

Residential

Stealth Max

✓

🏢

Datacenter

Fast

✓

📡

ISP

Balanced

✓

⚙️

Custom

Your URL

✓

🚫

Direct

No proxy

✓

\n \n

\n Proxy URL\n \n

Hỗ trợ HTTP, HTTPS, SOCKS5.

\n \n

\n\n \n

\n 🌍 Quốc gia (IP sẽ xuất hiện từ đây)\n

\n 🌐\n \n

🏠 Residential: IP dân dụng thực. Timezone & ngôn ngữ browser tự khớp quốc gia.

\n \n \n

\n\n \n

\n \n

\n 💾 Profile là gì?
\n Profile lưu lại toàn bộ cookies, localStorage, session của browser.
\n Nếu bạn đăng nhập TikTok/Gmail trong phiên, profile sẽ giữ đăng nhập đó cho lần sau.\n

Chọn cách sử dụng profile:

🆕

Không dùng Profile

Browser trống hoàn toàn, không lưu lại gì sau khi xóa phiên

✓

📂

Dùng Profile có sẵn

Tải lại cookies & đăng nhập từ profile đã tạo trước

✓

✨

Tạo Profile mới

Tự động lưu cookies khi kết thúc phiên để dùng lại sau

✓

\n\n \n

\n 📂 Chọn Profile muốn tải\n \n

\n \n Cập nhật profile sau phiên
\n Bật = ghi cookies mới vào profile khi xóa phiên | Tắt = chỉ đọc, không ghi\n \n \n

\n\n \n

\n Đặt tên cho Profile mới\n \n

✅ Khi bạn nhấn 🗑️ xóa phiên → cookies & localStorage tự động được lưu vào profile này.

\n\n

\n \n \n

\n\n \n

\n \n

📋 Tóm tắt cấu hình

Proxy:

🏠 Residential

Quốc gia:

🌐 Tự động

Profile:

🚫 Không dùng

Stealth:

✅ Auto

Viewport:

1024×768 @ 60fps

GPU:

✅ High Perf

\n\n

\n Tên phiên (tuỳ chọn)\n \n

\n\n \n\n

\n \n

\n\n \n

📋

\n Danh sách phiên\n 0\n

\n \n

\n\n

🌐

Chưa có phiên nào. Nhấn \"Khởi tạo phiên\" để bắt đầu.

\n\n

Đang khởi tạo phiên trình duyệt...

\n\n\n\n`;\n\n// ── HTTP Handler ───────────────────────────────────────────────────────────────\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n const hdrs = { \"Content-Type\": \"application/json\" };\n\n if (!action) {\n return new Response(HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // ── Danh sách profiles ──\n if (action === \"list-profiles\") {\n try {\n const profiles = await kernel.profiles.list();\n return new Response(JSON.stringify({ profiles }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), {\n status: 500,\n headers: hdrs,\n });\n }\n }\n\n // ── Tạo profile ──\n if (action === \"create-profile\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const name: string = body.name ?? \"\";\n if (!name) {\n return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), {\n status: 400,\n headers: hdrs,\n });\n }\n try {\n await kernel.profiles.create({ name });\n } catch (err) {\n if (err instanceof ConflictError) {\n return new Response(\n JSON.stringify({ error: `Profile \"${name}\" đã tồn tại` }),\n { status: 409, headers: hdrs },\n );\n }\n throw err;\n }\n return new Response(JSON.stringify({ ok: true, name }), {\n headers: hdrs,\n });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), {\n status: 500,\n headers: hdrs,\n });\n }\n }\n\n // ── Xóa profile ──\n if (action === \"delete-profile\" && req.method === \"POST\") {\n const name = url.searchParams.get(\"name\");\n if (!name) {\n return new Response(JSON.stringify({ error: \"Thiếu tên profile\" }), {\n status: 400,\n headers: hdrs,\n });\n }\n try {\n await kernel.profiles.deleteByID(name);\n return new Response(JSON.stringify({ ok: true }), { headers: hdrs });\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), {\n status: 500,\n headers: hdrs,\n });\n }\n }\n\n // ── Tạo phiên ──\n if (action === \"create\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const label: string | null = body.label ?? null;\n const proxyType: string = body.proxy_type ?? \"residential\";\n const proxyCountry: string = body.proxy_country ?? \"\";\n const customProxyUrl: string | null = body.custom_proxy_url ?? null;\n const profileName: string | null = body.profile_name ?? null;\n const profileSaveChanges: boolean = body.profile_save_changes ?? false;\n const profileMode: string = body.profile_mode ?? \"none\";\n\n // ── Tạo profile mới nếu chọn mode \"new\" ──\n if (profileMode === \"new\" && profileName) {\n try {\n await kernel.profiles.create({ name: profileName });\n console.log(\"[profiles.create] new profile:\", profileName);\n } catch (err) {\n if (!(err instanceof ConflictError)) throw err;\n console.log(\"[profiles.create] profile already exists:\", profileName);\n }\n }\n\n // ── Tạo proxy (nếu cần) ──\n let proxyId: string | undefined;\n if (\n proxyType === \"residential\" || proxyType === \"datacenter\" ||\n proxyType === \"isp\"\n ) {\n const proxyConfig: Record = {};\n if (proxyCountry) proxyConfig.country = proxyCountry;\n console.log(\"[proxies.create] params:\", {\n type: proxyType,\n proxyCountry,\n });\n const createdProxy = await kernel.proxies.create({\n type: proxyType,\n name: `${proxyType}-${proxyCountry || \"any\"}-${Date.now()}`,\n ...(Object.keys(proxyConfig).length > 0\n ? { config: proxyConfig }\n : {}),\n });\n proxyId = createdProxy.id;\n console.log(\"[proxies.create] ok, proxyId:\", proxyId);\n }\n\n // ── Tạo browser với profile (nếu có) ──\n const browserParams: Record = {\n timeout_seconds: 259200,\n viewport: { width: 1024, height: 768, refresh_rate: 60 },\n stealth: proxyType === \"residential\",\n ...(proxyId ? { proxy_id: proxyId } : {}),\n ...(proxyType === \"custom\" && customProxyUrl\n ? { proxy: { server: customProxyUrl } }\n : {}),\n };\n\n // Attach profile if selected\n if (\n profileName && (profileMode === \"existing\" || profileMode === \"new\")\n ) {\n browserParams.profile = {\n name: profileName,\n save_changes: profileSaveChanges,\n };\n }\n\n console.log(\"[browsers.create] params:\", {\n proxyId,\n proxyType,\n profileName,\n profileSaveChanges,\n });\n const kernelBrowser = await kernel.browsers.create(\n browserParams as Parameters[0],\n );\n console.log(\n \"[browsers.create] ok, session_id:\",\n kernelBrowser.session_id,\n );\n\n const liveUrl: string =\n (kernelBrowser as Record)[\n \"browser_live_view_url\"\n ] as string ??\n `https://dashboard.onkernel.com/sessions/${kernelBrowser.session_id}`;\n\n // Inject stealth + lấy IP thực tế\n const ipInfo = await injectStealth(\n kernelBrowser.cdp_ws_url,\n proxyCountry,\n );\n\n await sqlite.execute({\n sql:\n `INSERT INTO browser_sessions (id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name)\n VALUES (?, ?, ?, ?, 'active', ?, ?, ?, ?)`,\n args: [\n kernelBrowser.session_id,\n new Date().toISOString(),\n liveUrl,\n kernelBrowser.cdp_ws_url,\n label,\n proxyType,\n proxyCountry || null,\n profileName || null,\n ],\n });\n\n return new Response(\n JSON.stringify({\n session_id: kernelBrowser.session_id,\n live_url: liveUrl,\n ip_info: ipInfo,\n profile_name: profileName,\n }),\n { headers: hdrs },\n );\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n return new Response(JSON.stringify({ error: msg }), {\n status: 500,\n headers: hdrs,\n });\n }\n }\n\n // ── Kiểm tra IP ──\n if (action === \"checkip\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) {\n return new Response(JSON.stringify({ error: \"Thiếu id\" }), {\n status: 400,\n headers: hdrs,\n });\n }\n try {\n const result = await sqlite.execute({\n sql:\n `SELECT cdp_url, proxy_country FROM browser_sessions WHERE id=? AND status='active'`,\n args: [id],\n });\n if (!result.rows.length) {\n return new Response(\n JSON.stringify({ error: \"Phiên không tồn tại hoặc đã xoá\" }),\n { status: 404, headers: hdrs },\n );\n }\n const row = result.rows[0] as Record;\n const cdpUrl = row.cdp_url;\n const country = row.proxy_country || \"\";\n\n let browser: Awaited> | null = null;\n try {\n browser = await puppeteer.connect({\n browserWSEndpoint: cdpUrl,\n defaultViewport: null,\n });\n } catch (connErr: unknown) {\n const msg = connErr instanceof Error\n ? connErr.message\n : String(connErr);\n console.error(\"[checkip] connect failed:\", msg);\n await sqlite.execute({\n sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`,\n args: [id],\n });\n return new Response(\n JSON.stringify({\n error: \"Không thể kết nối browser — phiên có thể đã hết hạn\",\n }),\n { status: 410, headers: hdrs },\n );\n }\n\n let ipInfo = { ip: \"\", city: \"\", country: \"\" };\n try {\n const pages = await browser.pages();\n const page = pages.length > 0 ? pages[0] : await browser.newPage();\n await page.goto(\"https://ipinfo.io/json\", {\n waitUntil: \"domcontentloaded\",\n timeout: 15000,\n });\n const raw = await page.evaluate(() =>\n (document.body as HTMLElement).innerText\n );\n const parsed = JSON.parse(raw);\n ipInfo = {\n ip: parsed.ip ?? \"\",\n city: parsed.city ?? \"\",\n country: parsed.country ?? \"\",\n };\n } finally {\n await browser.disconnect().catch(() => {});\n }\n\n const matchesExpected = country ? ipInfo.country === country : null;\n return new Response(\n JSON.stringify({\n ...ipInfo,\n matches_expected: matchesExpected,\n expected_country: country,\n }),\n { headers: hdrs },\n );\n } catch (e: unknown) {\n const msg = e instanceof Error ? e.message : String(e);\n console.error(\"[checkip] error:\", msg);\n return new Response(JSON.stringify({ error: msg }), {\n status: 500,\n headers: hdrs,\n });\n }\n }\n\n // ── Xoá phiên ──\n // Per Kernel docs: must call deleteByID (not browser.close()) to persist profile state\n if (action === \"delete\" && req.method === \"POST\") {\n const id = url.searchParams.get(\"id\");\n if (!id) {\n return new Response(JSON.stringify({ error: \"Thiếu id\" }), {\n status: 400,\n headers: hdrs,\n });\n }\n\n const sessionResult = await sqlite.execute({\n sql: `SELECT profile_name FROM browser_sessions WHERE id=?`,\n args: [id],\n });\n const profileName = sessionResult.rows.length > 0\n ? (sessionResult.rows[0] as Record).profile_name || null\n : null;\n\n try {\n await kernel.browsers.deleteByID(id);\n } catch (_) {}\n await sqlite.execute({\n sql: `UPDATE browser_sessions SET status='deleted' WHERE id=?`,\n args: [id],\n });\n\n return new Response(\n JSON.stringify({ ok: true, profile_saved: profileName }),\n { headers: hdrs },\n );\n }\n\n // ── Danh sách phiên ──\n if (action === \"list\") {\n const result = await sqlite.execute(\n `SELECT id, created_at, live_url, cdp_url, status, label, proxy_type, proxy_country, profile_name\n FROM browser_sessions ORDER BY created_at DESC LIMIT 50`,\n );\n return new Response(JSON.stringify({ sessions: result.rows }), {\n headers: hdrs,\n });\n }\n\n return new Response(JSON.stringify({ error: \"Không tìm thấy action\" }), {\n status: 404,\n headers: hdrs,\n });\n}","deleted","label","nguyentinh1",[102],"permalink","https://www.val.town/x/BYRONWAREHOUSEGROUP/kba/code/dashboard.ts","extension","actionData","errors"]