小编jam*_*821的帖子

使用 create-react-app 获取开放图元数据

问题

我正在将create-react-app与 Firebase 结合使用,这一直是我的梦想,但我遇到了障碍。我想将从用户提供的 URL 获取 Open Graph 元数据的功能合并到我的应用程序中,但据我们所知,在浏览器中完成此操作会被阻止。

这个使用节点的开放图元数据的示例非常接近我想要做的事情。

我尝试过的

我已经查看了自述文件,特别是Proxying API Requests in Development

我已经在这里和 create-react-app Github 存储库(开放和封闭)上搜索了相关问题。CORS 和类似的结果已经返回,但在如何整合某些东西来实现这一目标方面仍然存在相当大的差距。

我读过建议我应该使用 Express 的评论,但我不确定如何将其与 create-react-app 和 webpack 结合起来(更不用说这在生产中如何工作)。

我想我只是还没有完全把所有的部分放在一起来完成这个任务,如果有人有时间的话,我会很感激指导。

package.json 文件
{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "1.0.10"
  },
  "dependencies": {
    "firebase": "^3.9.0",
    "material-ui": "^0.18.7",
    "node-sass-chokidar": "0.0.3",
    "npm-run-all": "^4.0.2",
    "prop-types": "^15.5.10",
    "react": "^15.6.1",
    "react-avatar": "^2.3.0",
    "react-dom": "^15.6.1",
    "react-router-dom": "^4.1.2",
    "react-tap-event-plugin": "^2.0.1"
  },
  "scripts": {
    "build-css": "node-sass-chokidar src/ -o src/",
    "watch-css": …
Run Code Online (Sandbox Code Playgroud)

express facebook-opengraph reactjs create-react-app

5
推荐指数
1
解决办法
5712
查看次数