이 페이지는 Cloud Translation API를 통해 번역되었습니다.

보안 유지

확장 프로그램은 브라우저 내에서 특별 권한에 액세스할 수 있으므로 공격자에게 매력적인 표적이 됩니다. 확장 프로그램이 손상되면 해당 확장 프로그램의 모든 사용자가 원치 않는 악의적인 침입에 취약해집니다. 이러한 방법을 적용하여 확장 프로그램의 보안을 유지하고 사용자를 보호합니다.

개발자 계정 보호

확장 프로그램 코드는 Google 계정을 통해 업로드되고 업데이트됩니다. 개발자의 계정이 도용되면 공격자가 모든 사용자에게 직접 악성 코드를 푸시할 수 있습니다. 특별히 개발자 계정을 만들고 보안 키를 사용하는 2단계 인증을 사용 설정하여 이러한 계정을 보호합니다 .

선택된 그룹만 표시

그룹 게시를 사용하는 경우 그룹을 신뢰할 수 있는 개발자로 한정합니다. 알 수 없는 사용자의 멤버십 요청을 수락하지 마세요.

HTTP 절대 사용하지 않음

데이터를 요청하거나 전송할 때 HTTP 연결을 사용하지 마세요. 모든 HTTP 연결에 도청자가 있거나 수정사항이 포함되어 있다고 가정합니다. HTTPS는 대부분의 중간자 공격을 우회하는 보안 기능이 내장되어 있으므로 항상 HTTPS를 사용해야 합니다.

최소 권한 요청

Chrome 브라우저는 매니페스트에서 명시적으로 요청된 권한으로 확장 프로그램의 액세스를 제한합니다. 확장 프로그램은 사용하는 API와 웹사이트만 등록하여 권한을 최소화해야 합니다. 임의의 코드는 최소한으로 유지되어야 합니다.

확장 프로그램 권한을 제한하면 잠재적 공격자가 악용할 수 있는 범위가 제한됩니다.

교차 출처 XMLHttpRequest

확장 프로그램은 자체 및 권한에 지정된 도메인에서 리소스를 가져올 때만 XMLHttpRequest를 사용할 수 있습니다.

{
  "name": "Very Secure Extension",
  "version": "1.0",
  "description": "Example of a Secure Extension",
  "permissions": [
    "/*",
    "https://*.google.com/"
  ],
  "manifest_version": 2
}

이 확장 프로그램은 권한에 "/*" 및 "https://*google.com/"를 표시하여 developer.chrome.com 및 Google 하위 도메인의 모든 항목에 대한 액세스를 요청합니다. 확장 프로그램이 손상된 경우에도 일치 패턴을 충족하는 웹사이트와 상호작용할 수 있는 권한만 보유합니다. 공격자는 "https://user_bank_info.com"에 액세스하거나 "https://malicious_website.com"와 상호작용할 수 없습니다.

매니페스트 필드 제한

매니페스트에 불필요한 등록을 포함하면 취약점이 생기고 확장 프로그램이 더 잘 보이게 됩니다. 매니페스트 필드를 확장 프로그램이 사용하는 필드로 제한하고 특정 필드 등록을 제공합니다.

외부 연결 가능

externally_connectable 필드를 사용하여 확장 프로그램이 정보를 교환할 외부 확장 프로그램 및 웹페이지를 선언합니다. 확장 프로그램이 외부에서 신뢰할 수 있는 소스에 연결할 수 있는 사용자를 제한합니다.

{
  "name": "Super Safe Extension",
  "externally_connectable": {
    "ids": [
      "iamafriendlyextensionhereisdatas"
    ],
    "matches": [
      "/*",
      "https://*google.com/"
    ],
    "accepts_tls_channel_id": false
  },
  ...
}

웹에서 액세스할 수 있는 리소스

web_accessible_resources 아래 웹에서 리소스에 액세스할 수 있도록 하면 웹사이트와 공격자가 확장 프로그램을 감지할 수 있습니다.

{
  ...
  "web_accessible_resources": [
    "images/*.png",
    "style/secure_extension.css",
    "script/secure_extension.js"
  ],
  ...
}

웹에서 액세스할 수 있는 리소스가 많을수록 잠재적 공격자가 악용할 수 있는 경로가 많아집니다. 이러한 파일을 최소한으로 유지하세요.

선정적인 콘텐츠 보안 정책을 포함합니다.

매니페스트에 확장 프로그램의 콘텐츠 보안 정책을 포함하여 교차 사이트 스크립팅 공격을 방지합니다. 확장 프로그램이 자체에서만 리소스를 로드하는 경우 다음을 등록합니다.

{
  "name": "Very Secure Extension",
  "version": "1.0",
  "description": "Example of a Secure Extension",
  "content_security_policy": "default-src 'self'"
  "manifest_version": 2
}

확장 프로그램에 특정 호스트의 스크립트를 포함해야 하는 경우 포함할 수 있습니다.

{
  "name": "Very Secure Extension",
  "version": "1.0",
  "description": "Example of a Secure Extension",
  "content_security_policy": "default-src 'self' https://extension.resource.com"
  "manifest_version": 2
}

실행 가능한 API 피하기

코드를 실행하는 API는 더 안전한 대안으로 대체해야 합니다.

document.write() 및 innerHTML

document.write() 및 innerHTML를 사용하여 동적으로 HTML 요소를 만드는 것이 더 간단할 수도 있지만 확장 프로그램과 확장 프로그램이 사용하는 웹페이지는 악성 스크립트를 삽입하는 공격자에게 노출됩니다. 대신 수동으로 DOM 노드를 만들고 innerText를 사용하여 동적 콘텐츠를 삽입합니다.

function constructDOM() {
  let newTitle = document.createElement('h1');
  newTitle.innerText = host;
  document.appendChild(newTitle);
}

eval()

eval()는 악의적일 수 있는 전달된 모든 코드를 실행하므로 공격을 방지하기 위해 가능하면 eval()을 사용하지 마세요.

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data.json", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    // WARNING! Might be evaluating an evil script!
    var resp = eval("(" + xhr.responseText + ")");
    ...
  }
}
xhr.send();

대신 JSON.parse()와 같은 더 안전하고 빠른 메서드를 사용하세요.

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data.json", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    // JSON.parse does not evaluate the attacker's scripts.
    var resp = JSON.parse(xhr.responseText);
  }
}
xhr.send();

콘텐츠 스크립트를 신중하게 사용하기

콘텐츠 스크립트는 격리된 세상에 살고 있지만 공격으로부터 안전하지는 않습니다.

콘텐츠 스크립트는 웹페이지와 직접 상호작용하는 확장 프로그램에서 유일한 부분입니다. 따라서 악의적인 웹페이지는 콘텐츠 스크립트가 사용하는 DOM의 일부를 조작하거나 이름이 지정된 항목과 같은 예상치 못한 웹 표준 동작을 악용할 수 있습니다.
웹페이지의 DOM과 상호작용하려면 콘텐츠 스크립트가 웹페이지와 동일한 렌더기 프로세스에서 실행되어야 합니다. 이로 인해 콘텐츠 스크립트가 부채널 공격(예: 스펙터)과 악성 웹페이지가 렌더러 프로세스를 손상시키는 경우 공격자가 탈취할 수 있습니다.

민감한 작업은 확장 프로그램의 백그라운드 스크립트와 같은 전용 프로세스에서 실행해야 합니다. 실수로 확장 프로그램 권한을 콘텐츠 스크립트에 노출하지 않도록 하세요.

공격자가 콘텐츠 스크립트의 메시지를 만들었을 수 있다고 가정합니다 (예: 모든 입력을 검증 및 정리하고 스크립트를 교차 사이트 스크립팅으로부터 보호).
콘텐츠 스크립트로 전송된 모든 데이터가 웹페이지로 유출될 수 있다고 가정합니다. 민감한 정보(예: 확장 프로그램의 보안 비밀, 다른 웹 출처의 데이터, 방문 기록)를 콘텐츠 스크립트로 전송하지 마세요.
콘텐츠 스크립트에 의해 트리거될 수 있는 권한 있는 작업의 범위를 제한합니다. 콘텐츠 스크립트가 임의의 URL에 대한 요청을 트리거하거나 확장 프로그램 API에 임의의 인수를 전달하도록 허용하지 않습니다 (예: fetch 또는 chrome.tabs.create API에 임의의 URL을 전달하는 것을 허용하지 않음).

입력 등록 및 정리

리스너를 확장 프로그램에서 기대하는 내용으로만 제한하고 수신 데이터의 발신자를 검증하며 모든 입력을 정리하여 악성 스크립트로부터 확장 프로그램을 보호합니다.

확장 프로그램은 외부 웹사이트 또는 확장 프로그램의 통신을 예상하는 경우 runtime.onRequestExternal에만 등록해야 합니다. 발신자가 신뢰할 수 있는 소스와 일치하는지 항상 확인합니다.

// The ID of an external extension
const kFriendlyExtensionId = "iamafriendlyextensionhereisdatas";

chrome.runtime.onMessageExternal.addListener(
  function(request, sender, sendResponse) {
    if (sender.id === kFriendlyExtensionId)
      doSomething();
});

확장 프로그램 자체에서 runtime.onMessage 이벤트를 통한 메시지라도 MessageSender가 손상된 콘텐츠 스크립트에서 비롯되지 않도록 해야 합니다.

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.allowedAction)
    console.log("This is an allowed action.");
});

확장 프로그램 자체와 승인된 소스에서도 사용자 입력과 수신 데이터를 삭제하여 확장 프로그램이 공격자의 스크립트를 실행하지 못하도록 합니다. 실행 가능한 API를 피합니다.

function sanitizeInput(input) {
    return input.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
}