【问题标题】:Intergrating Django with React Frontend: Is a REST API Needed将 Django 与 React 前端集成:是否需要 REST API
【发布时间】:2020-07-15 22:32:32
【问题描述】:

所以我正在尝试将我的后端 Django 连接到我的前端 React。现在前端的 react 基本上已经完成并在节点服务器上运行以检查它。我想将它集成到我的 Django 中以用作后端。我要做的第一件事是设置登录和注册页面。我已经完成了大部分 django 后端,但现在我需要从 React 到 Django 获取电子邮件和密码等信息。

电子邮件和密码的 HTML

<form action="/authentication/" method ="POST">
    {%  csrf_token %}
    Email :
    <input type="email" name="email"><br><br>
    Password :
    <input type="password" name="pass"><br><br>
    <input type="submit" value="Login">
    <button type="button" onclick="location.href='{%  url 'register' %}'">Register</button>
</form>

仅电子邮件的反应文本字段如下所示:

<TextField
              variant="outlined"
              margin="normal"
              required
              fullWidth
              id="email"
              label="Email Address"
              type="email"
              name="email"
              autoComplete="email"
              autoFocus
            />

姜戈

   def user_login(request):
       return render(request, 'user_login.html')  # page which user will login at

   def authentication(request):
       email = request.POST.get('email')
       passwrd = request.POST.get('pass')

       try:
           user = authen.sign_in_with_email_and_password(email, passwrd)

        except Exception as E:
           # Where login fails goes
           message = "Credentials Wrong"
           return render(request, 'user_login.html', {'message':message}) # sends message login        failed

我的第一个问题是我需要为后端创建一个单独的 REST API 吗?目前后端正在使用一个简单的测试 HTML 文件,我可以在其中输入电子邮件和密码,如下所示,但如果我想通过 react 实现它,我是否必须更改 .js 文件的 .html 文件?

【问题讨论】:

  • 当您有新问题要问时,请提出一个新问题。通过破坏这个问题,你使 Emmanuel 回答原始问题的努力毫无用处:没有人能够再次找到它,因为它不再附加到它实际回答的问题。
  • 将问题回滚到原始

标签: django reactjs django-rest-framework


【解决方案1】:

为了让 React 与 Django 通信,它需要一个 api(Restful 或 Graphql)才能工作。 Django 通过提供 django_resful api 或 django_graphene 有一个很好的方法,它可以很好地与 Django 模型和前端的 reactjs 配合使用。对我来说,我将 graphql 用于 Django 和 reactjs,这非常简单,稍后我会给你发送我项目的 GitHub 链接,或者你可以在 Youtube (justdjango) 上查看。

【讨论】:

  • restapi和石墨烯有什么区别?
猜你喜欢
  • 2017-09-24
  • 2021-10-25
  • 2020-12-05
  • 2011-08-24
  • 2019-01-05
  • 2017-08-01
  • 1970-01-01
  • 2017-11-27
  • 2021-09-15
相关资源
最近更新 更多