求助：如何通过JS MS Office Add In将文档上传至S3存储桶？

当然有人成功实现过这个功能，以下是一套经过验证的核心实现步骤：

1. 提取Office文档内容 #

根据插件对应的Office应用（Word/Excel/PowerPoint），使用Office JS API获取文档原始内容，转换为可上传的格式（如Blob或Base64）。

以Word为例，获取完整格式文档并转为Blob的代码示例：

async function getWordDocumentAsBlob() {
  return Word.run(async (context) => {
    const file = context.document.getFile(Word.FileFormat.openXml);
    await context.sync();
    
    return new Promise((resolve, reject) => {
      file.getSliceAsync(0, (result) => {
        if (result.status === Office.AsyncResultStatus.Succeeded) {
          const blob = new Blob([result.value.data], { 
            type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' 
          });
          resolve(blob);
          file.closeAsync();
        } else {
          reject(result.error);
        }
      });
    });
  });
}

2. 集成AWS SDK完成S3上传 #

在插件中引入AWS SDK for JavaScript（浏览器版本），通过putObject方法完成上传。绝对不能硬编码AWS密钥，建议使用STS临时凭证或通过后端服务签名上传请求，避免密钥泄露。

简化的上传代码示例：

import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";

// 用临时凭证初始化S3客户端
const s3Client = new S3Client({
  region: 'your-s3-region',
  credentials: {
    accessKeyId: 'temp-access-key',
    secretAccessKey: 'temp-secret-key',
    sessionToken: 'temp-session-token'
  }
});

async function uploadToS3(blob, bucketName, fileName) {
  try {
    const command = new PutObjectCommand({
      Bucket: bucketName,
      Key: fileName,
      Body: blob,
      ContentType: blob.type
    });
    await s3Client.send(command);
    console.log('文档上传成功');
  } catch (err) {
    console.error('上传失败:', err);
    throw err;
  }
}

3. 配置S3存储桶CORS和插件权限 #

• S3 CORS配置：必须修改存储桶的CORS规则，允许Office插件域名发起跨域请求，示例规则：

<CORSConfiguration>
  <CORSRule>
    <AllowedOrigin>https://your-addin-domain.com</AllowedOrigin> <!-- 限制为插件实际域名 -->
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

• Office插件Manifest权限：在manifest.xml中添加必要的文档操作权限：

<Permissions>ReadWriteDocument</Permissions>

4. 处理用户交互与错误 #

在插件UI中添加“保存到S3”按钮，点击时触发「文档提取→上传」流程，并给用户反馈（如加载状态、成功/失败提示）。同时要处理各类异常：文档读取失败、凭证过期、网络中断等。

内容的提问来源于stack exchange，提问作者alex