.NET后端向JavaScript传递Access Token实现YouTube带进度上传

嘿，针对你遇到的YouTube上传授权和进度提示的问题，我结合经验给你逐个拆解解答：

1. 服务器端与客户端的Access Token是否相同？ #

本质上是同一种类型的Token——都是Google OAuth 2.0颁发的、用于代表用户身份调用YouTube API的凭证。
只要你是基于同一个用户的Refresh Token获取的Access Token（不管是服务器端还是客户端发起的刷新请求），这两个Token的权限范围、有效性是完全一致的。当然，如果服务器端用的是服务账号授权，客户端用的是普通用户授权，那Token就完全不一样了，但你的场景里是用同一套Secret和Refresh Token，所以不用担心差异问题。

2. 服务器端如何获取Access Token字符串？ #

你可以用Google官方的.NET Auth库，通过Refresh Token直接刷新出Access Token。给你一段实用的C#示例代码：

using Google.Apis.Auth.OAuth2;
using System.Threading.Tasks;

public async Task<string> FetchYoutubeAccessToken()
{
    // 初始化授权流
    var flow = new GoogleAuthorizationCodeFlow(new GoogleAuthorizationCodeFlow.Initializer
    {
        ClientSecrets = new ClientSecrets
        {
            ClientId = "你的自有Client ID",
            ClientSecret = "你的自有Client Secret"
        },
        // 必须和你当初获取Refresh Token时用的Scope一致，这里是上传视频的权限
        Scopes = new[] { "https://www.googleapis.com/auth/youtube.upload" }
    });

    // 基于已有Refresh Token创建凭证
    var credential = new UserCredential(flow, "任意用户标识", "你的Refresh Token");
    
    // 刷新获取最新的Access Token
    await credential.RefreshTokenAsync(System.Threading.CancellationToken.None);
    
    // 返回Token字符串
    return credential.Token.AccessToken;
}

之后你可以把这个方法封装成一个后端API接口（比如/api/youtube/token），让前端通过AJAX请求获取这个Token即可。

3. Google APIs JavaScript代码中传入Token的位置 #

你已经找对地方了！就是MediaUploader配置里的token参数，完全不需要用服务器端嵌入的<%= %>写法。只要把前端从后端接口拿到的Token字符串直接赋值给这个参数就行，给你一个完整的前端示例：

// 先从后端获取Access Token
fetch('/api/youtube/token')
    .then(res => res.json())
    .then(apiData => {
        const youtubeToken = apiData.accessToken;
        const selectedFile = document.getElementById('video-file').files[0];
        
        // 初始化带进度的上传器
        const uploader = new MediaUploader({
            baseUrl: 'https://www.googleapis.com/upload/youtube/v3/videos',
            file: selectedFile,
            token: youtubeToken, // 这里就是正确的Token传入位置
            metadata: {
                snippet: {
                    title: '我的上传视频',
                    description: '通过前端直接上传的视频'
                },
                status: {
                    privacyStatus: 'unlisted' // 可选：private/public/unlisted
                }
            },
            params: {
                part: 'snippet,status'
            },
            // 进度回调：这里实现你的进度指示器
            onProgress: (progress) => {
                const progressPercent = Math.round((progress.loaded / progress.total) * 100);
                document.getElementById('upload-progress').style.width = `${progressPercent}%`;
                document.getElementById('progress-text').textContent = `${progressPercent}%`;
            },
            onError: (err) => {
                console.error('上传出错:', err);
                alert('上传失败，请重试');
            },
            onComplete: (response) => {
                console.log('上传完成:', response);
                alert('视频上传成功！');
            }
        });
        
        // 触发上传
        uploader.start();
    })
    .catch(err => console.error('获取Token失败:', err));

这样就能实现前端直接上传到YouTube，还能实时显示进度，彻底解决你之前“中转服务器+无进度”的痛点。

4. 如何缩短Access Token的过期时间？ #

Google官方并没有提供直接自定义Access Token过期时间的API，默认有效期是1小时。不过你可以通过主动刷新Token的方式来间接缩短有效时长：
比如你可以设置每30分钟就调用一次后端的Token接口，获取新的Access Token并废弃旧的。这样即使旧Token意外泄露，它的有效期也只有30分钟，大大降低风险。

另外结合你提到的“受密码保护的网页”场景，再给你两个安全建议：

• 后端的Token接口一定要做权限校验，只允许已登录的授权用户访问
• Refresh Token和Client Secret绝对不能出现在前端代码里，全程只在服务器端保存和使用

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