본문으로 바로가기
@capgo/capacitor-네트워크 진단 개발자 도구 오픈 소스

네트워크 진단 Capacitor 플러그인

__CAPGO_KEEP_0__ URL 접근성, TCP 포트, WebSocket handshake, 속도 및 패킷 손실을 위한 네이티브 네트워크 진단을 실행합니다.

설치

bun add @capgo/capacitor-network-diagnostics bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-network-diagnostics
  • pnpm add @capgo/capacitor-network-diagnostics
  • yarn add @capgo/capacitor-network-diagnostics

가이드

Capacitor에서 네트워크 디아그노스틱스를 사용하는 방법

@Capacitor-capgo/capacitor-network-diagnostics

네트워크 디버깅 기능을 위한 네이티브 네트워크 디아그노스틱스. Capacitor 앱은 Wi-Fi 제한, 캡티브 게이트웨이, 차단된 포트, WebSocket 오류, 다운로드 속도 저하 및 패킷 손실과 같은 제한된 네트워크를 디버깅하기 위해 이 기능을 사용합니다.

이 플러그인이 노출하는 내용

npm install @capgo/capacitor-network-diagnostics
npx cap sync

- 네이티브 연결 타입과 플랫폼 네트워크 플래그를 읽습니다.

  • getNetworkStatus -
  • testUrl - HTTP 또는 HTTPS URL에 대한 상태 code 및 지연 시간을 확인합니다.
  • testPort - 호스트와 포트에 대한 네이티브 TCP 소켓을 열어줍니다.
  • testWebSocket - ws:// - wss:// -
  • testDownloadSpeed -
  • testPacketLoss -
  • runDiagnostics -

-

import { NetworkDiagnostics } from '@capgo/capacitor-network-diagnostics';

const report = await NetworkDiagnostics.runDiagnostics({
  urls: [{ url: 'https://api.example.com/health' }],
  ports: [{ host: 'api.example.com', port: 443 }],
  websockets: [{ url: 'wss://ws.example.com/socket' }],
  packetLoss: {
    mode: 'tcp',
    host: 'api.example.com',
    port: 443,
    count: 10,
  },
});

console.log(report.status);
console.log(report.issues);

-

-

  • -
  • URL, 포트, 또는 WebSocket 엔드포인트가 실패했습니다.
  • 다운로드 Mbps
  • 패킷 손실 퍼센트
  • 자연어 오류 코드 및 메시지

iOS 및 Android 앱에서 Raw ICMP ping이 포트 가능하지 않기 때문에 패킷 손실은 반복 TCP 또는 HTTP 프로브로 측정됩니다.

전체 참조

FAQ

네트워크 진단 플러그인 FAQ

네트워크 진단 플러그인을 Capacitor 앱에 설치하는 방법은 어떻게 합니까?

Run "bun add @capgo/capacitor-network-diagnostics" (또는 "npm install @capgo/capacitor-network-diagnostics"), 그리고 iOS 및 Android 프로젝트가 네이티브 code를 인식하기 위해 "bunx cap sync"를 실행하세요. 그리고 앱 code에서 "@capgo/capacitor-network-diagnostics"를 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-network-diagnostics가 작동합니까?

네. 네트워크 진단 플러그인은 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 실행되는 경우 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-network-diagnostics를 지원합니까?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다: Capacitor의 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하십시오 (예를 들어 플러그인 v8과 Capacitor 8). GitHub README의 호환성 표에 유지 관리되는 버전이 나와 있습니다.

capgo/capacitor-네트워크-디아그노스틱스는 무료이며 오픈 소스인가요?

네. code의 소스는 GitHub에 공개되어 있습니다 (https://github.com/Cap-go/capacitor-네트워크-디아그노스틱스/) 및 npm에서 무료로 설치할 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code을 네트워크 디아그노스틱스 없이 앱 스토어 리뷰 없이 업데이트할 수 있나요?

code을 업데이트하면 네이티브 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 네트워크 진단 변경을 배포하세요

플러그인을 스토어 빌드에 넣은 후, Capgo 라이브 업데이트 기능을 사용하여 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo로 시작하세요