Angular如何使用google存储api

export const environment = {
  production: false,
  googleStorageApiKey: 'YOUR_API_KEY'
};

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { environment } from '../environments/environment';

@Injectable({
  providedIn: 'root'
})
export class GoogleStorageService {
  private apiUrl = 'https://www.googleapis.com/storage/v1/b';

  constructor(private http: HttpClient) { }

  uploadFile(file: File): Observable<any> {
    const formData = new FormData();
    formData.append('file', file);

    return this.http.post(`${this.apiUrl}/bucketName/o?uploadType=media`, formData, {
      headers: {
        Authorization: `Bearer ${environment.googleStorageApiKey}`
      }
    });
  }

  // 其他方法：下载文件、删除文件等
}

import { Component } from '@angular/core';
import { GoogleStorageService } from './google-storage.service';

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  constructor(private googleStorageService: GoogleStorageService) { }

  onFileSelected(event: any): void {
    const file: File = event.target.files[0];
    this.googleStorageService.uploadFile(file).subscribe(
      response => {
        console.log('File uploaded successfully:', response);
      },
      error => {
        console.error('Error uploading file:', error);
      }
    );
  }
}