Object Storage Service:Use a custom domain name (Browser.js SDK)

Hazırlıklar

Özel bir etki alanı adı eklemelisiniz. Daha fazla bilgi için bkz. OSS'e özel bir etki alanı adı kullanarak erişin.

Kullanım notları

• Webpack ve Browserify gibi paketleme araçlarını kullandığınızda, npm install ali-oss komutunu çalıştırarak Browser.js için OSS SDK'yı yükleyin.

• Bir tarayıcıdan bir OSS paketine erişmek istediğinizde ancak paket için herhangi bir CORS kuralı yapılandırılmadıysa tarayıcı isteği reddeder. Bu nedenle, bir pakete tarayıcıdan erişmek istiyorsanız paket için CORS kurallarını yapılandırmanız gerekir. Daha fazla bilgi için bkz. Kurulum.

• Browser.js için OSS SDK çoğunlukla tarayıcılarda kullanılır. AccessKey çiftinizin açığa çıkmasını önlemek amacıyla OSS'e erişirken Güvenlik Belirteci Hizmeti'nden (STS) elde edilen geçici erişim kimlik bilgilerini kullanmanızı öneririz.

  Geçici erişim kimlik bilgileri bir AccessKey çiftinden ve bir güvenlik belirtecinden oluşur. AccessKey çifti bir AccessKey ID ve bir AccessKey Secret'tan meydana gelir. Geçici erişim kimlik bilgilerini nasıl alacağınız hakkında daha fazla bilgi için bkz. Geçici erişim yetkilendirmesi için STS kullanın.

Örnek kod

Aşağıdaki kod, SDK'yı özel bir etki alanı adı ile nasıl başlatacağınızı gösterir.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.18.0.min.js"></script>
  </head>
  <body>
    <script>
      const client = new OSS({
        // Specify a custom domain name. For example, example.com.
        // Set yourRegion to the region where the bucket is located. For example, if the bucket is in the China (Hangzhou) region, set yourRegion to oss-cn-hangzhou.
        region: 'yourRegion',
        endpoint: "example.com",
        authorizationV4: true,
        // The temporary AccessKey pair (AccessKey ID and AccessKey secret) obtained from STS.
        accessKeyId: "yourAccessKeyId",
        accessKeySecret: "yourAccessKeySecret",
        // The security token (SecurityToken) obtained from STS.
        stsToken: 'yourSecurityToken',
        // Specify the bucket name. For example, examplebucket.
        bucket: "examplebucket",
        cname: true,
      });    
          
    </script>
  </body>
</html>