React Autodesk Forge 创建存储桶

Question

我正在尝试从反应应用程序的前端创建一个存储桶，一旦我解决了这个问题，我将通过后端发出请求。 我在 useEffect 钩子内传递了一个选项 object 并将结果记录到控制台。 标头在我从 a.env 传入的环境变量上返回未定义。我想知道我现在如何从.env 或硬代码中传入标头？ 我还需要将 scope 传入标题 bucket:create, bucket: read

Buckets.js

import React, { useEffect } from 'react'
import axios from 'axios'

const Buckets = () => {
useEffect(() => {
const options = {
  method: 'POST',
  url: 'https://developer.api.autodesk.com/authentication/v1/authenticate',
  headers: {
    ContentType: 'application/json',
    Authorization: process.env.REACT_APP_FORGE_ACCESS_TOKEN,
    client_id: process.env.REACT_APP_FORGE_CLIENT_ID,
    client_secret: process.env.REACT_APP_FORGE_CLIENT_SECRET,
  },
}
console.log(options)
}, [])

return <div>Buckets</div>
}

导出默认存储桶

Answer 1

代码片段有几个问题：

• 首先，您永远不应该将客户端密码暴露给浏览器； 在服务器端实现存储桶创建非常简单
• 其次，您在代码中使用的process.env构造是 Node.js 功能，而不是浏览器中可用的功能； 这很可能是标题最终为空的原因

因此，我建议您在服务器端实现任何 Forge 请求（例如，通过遵循https://learnforge.autodesk.io ），然后通过几个端点。