Web UIKit

const express = require('express');
const app = express();
app.use(express.json())

app.post('/api/generate-space-token', async (req, res) => {
  const { spaceId } = req.body;

  // 调用 SMH API 签发 token
  const params = new URLSearchParams({
    library_id: libraryId, // libraryId 替换为真实的 libraryId
    library_secret: librarySecret, // ⚠️ 仅后端持有, librarySecret 替换为真实的 librarySecret
    Grant: 'space_admin', // 签发给前端使用的权限推荐为本空间内最大权限
    Period: '7200', // 过期时间 2 小时
    spaceId, // 空间id
  });
  const response = await fetch(`${basePath}/api/v1/token?${params}`); // basePath 替换为真实的 basePath
  const tokenData = await response.json();

  res.json({
    accessToken: tokenData.accessToken,
    expiresAt: Date.now() + 2 * 60 * 60 * 1000, // 毫秒级时间戳
  });
});


app.listen(3000, () => {
  console.log(`server running at http://localhost:3000`);
});

npm install smh-web-uikit


import { SpaceDrive } from 'smh-web-uikit' // 引入主组件
import 'smh-web-uikit/dist/style.css' // 引入样式变量

function App() {
  // accessToken 提供函数（详见下方说明）
  const getAccessToken = async (spaceId = 'your-space-id') => {
    // 这里替换为 开发者自行实现签发 Token 接口
    const res = await fetch('http://localhost:3000/api/get-smh-token', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ spaceId }),
    })
    const data = await res.json()
    return {
      accessToken: data.accessToken,
      expiresAt: data.expiresAt, // 支持：毫秒时间戳、秒级时间戳、ISO 8601 字符串（含纳秒精度）
    }
  }

  return (
    <SpaceDrive
      basePath="https://api.tencentsmh.cn"
      libraryId="smhxxx-xxxxx"
      spaceId="space-xxxxx"
      getAccessToken={getAccessToken}
    />
  )
}
export default App; 

import { setSmhConfig, initToken, clearConfig } from 'smh-web-uikit';

setSmhConfig({
  basePath: 'https://smhxxxxxxx.api.tencentsmh.cn', // 需要替换为真实的basePath
  libraryId: 'Smhxxxxxxxxxxxxx', // 需要替换为真实的libraryId
  spaceId: 'spacexxxxx', // 需要替换为真实的spaceId
  getAccessToken: async () => {
    const res = await fetch('http://localhost:3000/api/get-smh-token', { // 需要替换为真实的请求地址
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ spaceId: 'spacexxxxx' }),// 需要替换为真实的spaceId
    });
    const data = await res.json();
    return { accessToken: data.accessToken, expiresAt: data.expiresAt };
  },
  // 可选：自定义错误提示
  onError: ({ message }) => console.error('[SMH]', message),
});

// 在 async 函数中调用
async function initialize() {
  await initToken();
}
initialize();


import {
  getFileList,
  uploadFile,
  delFile,
  delDirectory,
  createDirectory,
  moveFile,
  moveDirectory,
  renameFile,
  renameDirectory,
  getPreview,
  getDocPreviewUrl,
  downloadFile,
  getFileInfo,
  getFilePreviewUrlOrContent,
  getSpaceUsage,
  searchFiles,
  resetClient,
  // 回收站
  getRecycleList,
  recycleRestore,
  recycleRestoreBatch,
  recyclePurge,
  recyclePurgeBatch,
  recycleEmpty,
} from 'smh-web-uikit'