【问题标题】:Express server, Back-End, API [closed]Express 服务器,后端,API [关闭]
【发布时间】:2020-12-18 16:00:44
【问题描述】:

嗨,我是新人。

  • 三个月前,我自己在 YouTube 上开始使用 React.js。

  • 主要是获取 API

  • 某些 API 使用签名保护
  • 不知道我的 API 调用必须在服务器上,而不是在 React 中

  • 得到 CORS 错误
  • 不知道什么是 cors 以及如何修复。

  • 开始学习后端

YouTube 上的每个视频:

  • JSON 占位符
  • SWAPI

  • 没有包含 React 和后端的视频,
  • 没有来自服务器视频的 POST 签名请求。
  • 差点放弃

CORS 错误解决方案:

  • 现在我知道如何修复 cors:
  • 在 package.json 中使用代理来表达,
  • 在 src 中添加 setupProxy.js,
  • 和 Express server.js 中的“app.use(cors())”

我的反应应用:

  • 24/7 运行。
  • 需要从 API 每 3 秒更新一次状态。
  • 然后比较状态数据。 (这是一些秘密公式和函数,如果可能的话,不能向公众公开。在 express server.js 上隐藏代码)
  • 并采取相应的行动(新的 API 调用)。

问题部分:

  • 这可能吗?
  • 如果网站上没有人,应用程序如何工作?
  • 这意味着 Express server.js 始终处于活动状态
  • 只有当有人打开网站查看数据发生了什么时,React UI 才有效

  • 如何使用 express 部署 react-app?这样好吗?:

https://dev.to/nburgess/creating-a-react-app-with-react-router-and-an-express-backend-33l3


  • 如何托管 - 在哪里部署?在 Github 页面上?
  • 在部署时执行快速服务器自动运行,还是在托管时需要“npm start”
  • 或首次打开应用,(打开网站)
  • 工作原理
  • 我需要 django

什么更好:

  • 如果我决定与其他用户共享我的应用:
  • 给他们每个人一个 react 应用的副本,他们自己部署
  • 制作一个通用应用程序,以便每个用户都可以登录并拥有自己的快速服务器,其中包含仪表板以及自己的数据和状态。

  • 如果通用应用更好,那就学习一下


感谢您回答任何问题。


【问题讨论】:

  • 您可以编辑您的问题以使其更具可读性吗?我感谢您的努力,简单就行。
  • 获取书籍/课程/培训/课程或辅导。 yt 视频没有显示所有这些,因为它们太长了。 stackoverflow 问题也是如此。
  • marcelin - 你能指点我一些真正的资源吗?或帮助我在 Win 10 中设置环境变量 PATH stackoverflow.com/questions/63653980/…

标签: node.js reactjs api server backend


【解决方案1】:

服务器 24/7 运行

当用户想要访问网站的某个页面时,服务器会将页面的蓝图(html、css 和 js,在本例中由您的 react js 构建代码构建)发送给它,这就是您的 react 应用程序出现的时候活着。

你已经有服务器端的 express,你不需要 django。

是的,使用 heroku 进行部署很好。它会处理服务器,但如果您尚未将 react 构建上传到 heroku,则您必须在服务器的 package.json 中添加一个脚本以使其构建 react。

"heroku-postbuild": "npm install --prefix client && npm run build --prefix client"

这里的 client 是你保存你的 react 代码的文件夹。

如果它不应该公开,则不应将其作为反应状态。

用通用的东西比较好,做一个拥有owner权限的账号系统,url为www.website.com/owner'susername的形式 完成后,每个所有者都会获得自己的网站版本。

(在 youtube 上有一个很棒的 MERN 堆栈教程,由 traversy media 提供,可以回答您的大部分问题)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-03-14
    • 1970-01-01
    • 2021-04-17
    • 2019-12-05
    • 1970-01-01
    • 2014-03-03
    • 2010-12-31
    • 2010-09-09
    相关资源
    最近更新 更多