正式なドキュメントは英語版であり、この日本語訳はAI支援翻訳により作成された参考用のものです。日本語訳の一部の内容は人間によるレビューがまだ行われていないため、翻訳のタイミングにより英語版との間に差異が生じることがあります。最新かつ正確な情報については、英語版をご参照ください。

静的オブジェクトの外部ストレージ

  • プラン: Free、Premium、Ultimate
  • 提供形態: GitLab Self-Managed

GitLabを設定して、コンテンツデリバリーネットワーク(CDN)などの外部ストレージから、リポジトリの静的オブジェクト(アーカイブやrawなど)を提供します。

外部ストレージを設定する

静的オブジェクトの外部ストレージを設定するには、次の手順に従います:

  1. 左側のサイドバーの下部で、管理者を選択します。
  2. 設定 > リポジトリを選択します。
  3. リポジトリの静的オブジェクトの外部ストレージを展開します。
  4. ベースURLと任意のトークンを入力します。外部ストレージをセットアップする場合、これらの値をORIGIN_HOSTNAMESTORAGE_TOKENとして設定するスクリプトを使用します。
  5. 変更を保存を選択します。

トークンは、外部ストレージからのリクエストを区別するために必要です。これにより、ユーザーが外部ストレージを迂回してアプリケーションに直接アクセスすることを防ぎます。GitLabは、外部ストレージからのリクエストのX-Gitlab-External-Storage-Tokenヘッダーに、このトークンが設定されることを想定しています。

プライベート静的オブジェクトの提供

GitLabは、プライベートプロジェクトに属する静的オブジェクトのURLにユーザー固有のトークンを追加し、外部ストレージがユーザーの代わりに認証できるようにします。

外部ストレージからのリクエストを処理する際、GitLabは以下をチェックして、ユーザーがリクエストされたオブジェクトにアクセスできることを確認します:

  • token queryパラメータ
  • X-Gitlab-Static-Object-Tokenヘッダー

リクエストフローの例

次の例は、以下に示すリクエストと応答のシーケンスを示しています:

  • ユーザー
  • GitLab
  • コンテンツデリバリーネットワーク。
%%{init: { "fontFamily": "GitLab Sans" }}%%
sequenceDiagram
    accTitle: Request and response flow
    accDescr: Describes how requests and responses flow from the user, GitLab, and a CDN.
    User->>GitLab: GET /project/-/archive/master.zip
    GitLab->>User: 302 Found
    Note over User,GitLab: Location: https://cdn.com/project/-/archive/master.zip?token=secure-user-token
    User->>CDN: GET /project/-/archive/master.zip?token=secure-user-token
    alt object not in cache
      CDN->>GitLab: GET /project/-/archive/master.zip
      Note over CDN,GitLab: X-Gitlab-External-Storage-Token: secure-cdn-token<br/>X-Gitlab-Static-Object-Token: secure-user-token
      GitLab->>CDN: 200 OK
      CDN->>User: master.zip
    else object in cache
      CDN->>GitLab: GET /project/-/archive/master.zip
      Note over CDN,GitLab: X-Gitlab-External-Storage-Token: secure-cdn-token<br/>X-Gitlab-Static-Object-Token: secure-user-token<br/>If-None-Match: etag-value
      GitLab->>CDN: 304 Not Modified
      CDN->>User: master.zip
    end

外部ストレージをセットアップ

この手順では外部ストレージにCloudflareワーカーを使用していますが、他のCDNまたはFunction as a Service(FaaS)システムも同じ原則で動作するはずです。

  1. Cloudflareワーカードメインをまだ選択していない場合は選択してください。

  2. 次のスクリプトで、最初の2つの定数に次の値を設定します:

    • ORIGIN_HOSTNAME: GitLabインストールのホスト名。

    • STORAGE_TOKEN: 任意の安全なトークン。UNIXマシンでpwgen -cn1 64を実行して、トークンを取得できます。管理者のトークンを保存します。詳細については、設定セクションを参照してください。

      const ORIGIN_HOSTNAME = 'gitlab.installation.com' // FIXME: SET CORRECT VALUE
      const STORAGE_TOKEN = 'very-secure-token' // FIXME: SET CORRECT VALUE
      const CACHE_PRIVATE_OBJECTS = false
      
      const CORS_HEADERS = {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': 'GET, HEAD, OPTIONS',
        'Access-Control-Allow-Headers': 'X-Csrf-Token, X-Requested-With',
      }
      
      self.addEventListener('fetch', event => event.respondWith(handle(event)))
      
      async function handle(event) {
        try {
          let response = await verifyAndHandle(event);
      
          // responses returned from cache are immutable, so we recreate them
          // to set CORS headers
          response = new Response(response.body, response)
          response.headers.set('Access-Control-Allow-Origin', '*')
      
          return response
        } catch (e) {
          return new Response('An error occurred!', {status: e.statusCode || 500})
        }
      }
      
      async function verifyAndHandle(event) {
        if (!validRequest(event.request)) {
          return new Response(null, {status: 400})
        }
      
        if (event.request.method === 'OPTIONS') {
          return handleOptions(event.request)
        }
      
        return handleRequest(event)
      }
      
      function handleOptions(request) {
        // Make sure the necessary headers are present
        // for this to be a valid pre-flight request
        if (
          request.headers.get('Origin') !== null &&
          request.headers.get('Access-Control-Request-Method') !== null &&
          request.headers.get('Access-Control-Request-Headers') !== null
        ) {
          // Handle CORS pre-flight request
          return new Response(null, {
            headers: CORS_HEADERS,
          })
        } else {
          // Handle standard OPTIONS request
          return new Response(null, {
            headers: {
              Allow: 'GET, HEAD, OPTIONS',
            },
          })
        }
      }
      
      async function handleRequest(event) {
        let cache = caches.default
        let url = new URL(event.request.url)
        let static_object_token = url.searchParams.get('token')
        let headers = new Headers(event.request.headers)
      
        url.host = ORIGIN_HOSTNAME
        url = normalizeQuery(url)
      
        headers.set('X-Gitlab-External-Storage-Token', STORAGE_TOKEN)
        if (static_object_token !== null) {
          headers.set('X-Gitlab-Static-Object-Token', static_object_token)
        }
      
        let request = new Request(url, { headers: headers })
        let cached_response = await cache.match(request)
        let is_conditional_header_set = headers.has('If-None-Match')
      
        if (cached_response) {
          return cached_response
        }
      
        // We don't want to override If-None-Match that is set on the original request
        if (cached_response && !is_conditional_header_set) {
          headers.set('If-None-Match', cached_response.headers.get('ETag'))
        }
      
        let response = await fetch(request, {
          headers: headers,
          redirect: 'manual'
        })
      
        if (response.status == 304) {
          if (is_conditional_header_set) {
            return response
          } else {
            return cached_response
          }
        } else if (response.ok) {
          response = new Response(response.body, response)
      
          // cache.put will never cache any response with a Set-Cookie header
          response.headers.delete('Set-Cookie')
      
          if (CACHE_PRIVATE_OBJECTS) {
            response.headers.delete('Cache-Control')
          }
      
          event.waitUntil(cache.put(request, response.clone()))
        }
      
        return response
      }
      
      function normalizeQuery(url) {
        let searchParams = url.searchParams
        url = new URL(url.toString().split('?')[0])
      
        if (url.pathname.includes('/raw/')) {
          let inline = searchParams.get('inline')
      
          if (inline == 'false' || inline == 'true') {
            url.searchParams.set('inline', inline)
          }
        } else if (url.pathname.includes('/-/archive/')) {
          let append_sha = searchParams.get('append_sha')
          let path = searchParams.get('path')
      
          if (append_sha == 'false' || append_sha == 'true') {
            url.searchParams.set('append_sha', append_sha)
          }
          if (path) {
            url.searchParams.set('path', path)
          }
        }
      
        return url
      }
      
      function validRequest(request) {
        let url = new URL(request.url)
        let path = url.pathname
      
        if (/^(.+)(\/raw\/|\/-\/archive\/)/.test(path)) {
          return true
        }
      
        return false
      }
  3. このスクリプトで新しいワーカーを作成します。

  4. ORIGIN_HOSTNAMESTORAGE_TOKENの値をコピーします。これらの値を使用して、静的オブジェクトの外部ストレージを設定します。