MHTML_Bookmark

MHTML Chrome 확장 프로그램 저장/업로드

이는 사용자가 현재 웹페이지를 MHTML 파일로 저장하거나 API 서버에 업로드할 수 있는 Chrome 확장 프로그램입니다.
확장 프로그램은 상황에 맞는 메뉴에 "MHTML로 저장"과 "MHTML로 업로드"라는 두 가지 옵션을 추가합니다.

특징

• MHTML로 저장 : 이 옵션을 사용하면 현재 웹페이지를 MHTML 파일로 저장할 수 있습니다. 파일이 사용자의 로컬 시스템에 다운로드됩니다.
• MHTML로 업로드 : 이 옵션을 사용하면 사용자는 현재 웹페이지를 MHTML 파일로 API 서버에 업로드할 수 있습니다.

용법

1. 저장하거나 업로드하려는 웹페이지를 마우스 오른쪽 버튼으로 클릭하세요.
2. 상황에 맞는 메뉴에서 "MHTML로 저장" 또는 "MHTML로 업로드"를 선택합니다.

권한

확장 프로그램에는 다음 권한이 필요합니다.

• activeTab : 현재 탭에 액세스합니다.
• contextMenus : 상황에 맞는 메뉴에 항목을 추가합니다.
• downloads : MHTML 파일을 다운로드합니다.
• pageCapture : 현재 웹페이지를 MHTML로 캡처합니다.
• notifications : 알림을 표시합니다.

설치

확장 프로그램을 설치하려면 Chrome 확장 프로그램 설치를 위한 표준 절차를 따르세요.

1. 저장소를 복제하거나 ZIP 파일을 다운로드하세요.
2. Chrome을 열고 chrome://extensions/ 로 이동합니다.
3. 오른쪽 상단에서 "개발자 모드"를 활성화합니다.
4. "압축해제된 항목 로드"를 클릭하고 확장 디렉터리를 선택합니다.

"MHTML로 업로드" 기능을 사용하려면 POST 요청을 수신하기 위한 서버측 API가 필요합니다.
API URL은 현재 'http://localhost:3001/api/upload'로 설정되어 있으며 실제 API URL로 업데이트해야 합니다.

코드 구조

확장은 세 가지 주요 JavaScript 파일로 구성됩니다.

• background.js : 이 파일에는 상황에 맞는 메뉴를 만들고 사용자 선택을 처리하기 위한 기본 논리가 포함되어 있습니다. 또한 웹페이지를 MHTML로 저장하고 API에 업로드하는 기능도 포함되어 있습니다.

• content.js : 이 파일에는 웹페이지의 URL 경로와 제목을 해싱하기 위한 메시지 리스너가 포함되어 있습니다.

• manifest.json : 이 파일에는 이름, 버전, 설명, 권한, JavaScript 및 아이콘 파일 경로를 포함하여 확장에 대한 메타데이터가 포함되어 있습니다.

---

TODO

• 사용자가 설정한 사용자 정의 API URL에 대한 지원을 추가합니다.
• 브라우저 단축키에 대한 지원을 추가합니다. (예: MHTML로 저장하려면 Ctrl + S, MHTML로 업로드하려면 Ctrl + U)
• 사용자가 설정한 단축키에 대한 지원을 추가합니다.
• 북마크 서비스에 기존 MHTML URL에 대한 감지를 추가합니다.
• 클라우드 스토리지에 저장하고 외부 API를 지원합니다. (예: vercel)

개선을 위한 제안

• 오류 처리: 확장 프로그램의 오류 처리를 개선합니다. 예를 들어 더 자세한 내용을 추가할 수 있습니다.
  사용자가 문제를 해결하는 데 도움이 되는 오류 메시지입니다. 또한 네트워크 요청에 대한 재시도 메커니즘을 고려하십시오.
• 진행률 표시기: 사용자가 MHTML 파일 업로드를 선택하면 시간이 걸릴 수 있습니다.
  완료할 작업입니다. 진행률 표시기를 표시하면 사용자 경험이 향상됩니다.
• 확장 아이콘: 확장 아이콘을 사용하여 마지막 작업 상태(성공, 실패, 진행 중)를 표시합니다.

기여

기여를 환영합니다. 이슈를 열거나 GitHub에 풀 요청을 제출하세요.