Evgenij LegotskojOct. 27, 2019, 4:56 a.m.

EVILEG-CORE. Using Google reCAPTCHA

Content

This will be the first article on the use of a set of established utilities that are present in the core of the EVILEG site. This part of the site’s program code is in open source, so I want to talk about what functionality is present in this battery and how to use it.

I'll start by using Google reCAPTCHA , and what is required to quickly implement this functionality.

Register reCAPTCHA

The first step is to register the site in the admin reCAPTCHA .

An example of registering a site on Google reCAPTCHA

Implementation

Adding Google reCAPTCHA will consist of two steps:

  1. Implementing reCAPTCHA on the client side, i.e. in HTML code
  2. Внедрение reCAPTCHA на серверной стороне

When registering a site, two keys will be generated:

  1. Site key - The key to be placed on the HTML page
  2. Secret key - The key that will be used to communicate the site and the Google service reCAPTCHA

The implementation process will be as follows. On the HTML page in a form that requires validation of user actions, place the reCAPTCHA script and the site key.

On the server side, we add a decorator to the request method for Class Based View.

Install EVILEG-CORE

pip install evileg-core

Also evileg_core will pull up all the dependencies necessary for this package. Including the requests library, which is used to execute the captcha verification request.

settings.py

Add evileg_core to installed applications

INSTALLED_APPS = [
    ...
    'evileg_core',
]

We also add reCAPTCHA Secret Key and Site Key.

GOOGLE_RECAPTCHA_SECRET_KEY = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
GOOGLE_RECAPTCHA_SITE_KEY = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'

urls.py

We wrap the necessary view with the decorator

# -*- coding: utf-8 -*-

from django.conf.urls import url
from evileg_core.decorators import recaptcha

from . import views

app_name = 'registration'
urlpatterns = [
    path('register/', recaptcha(views.RegisterView.as_view()), name='register'),
]

views.py

And in the view itself, we check the validity of reCAPTCHA. In my case, this was a view inherited from the FormView class.

class RegisterView(FormView):
    form_class = UserCreationForm
    template_name = 'register.html'

    def form_valid(self, form):
        # reCAPTCHA validation check
        if self.request.recaptcha_is_valid:
            form.save()
            return render(self.request, 'register_success.html', self.get_context_data())
        return render(self.request, 'register.html', self.get_context_data())

Client side

On the client side, you need to add the script connection code, the location of the captcha, as well as the output of error messages.

{% extends 'home/base.html' %}
{% block content %}
  <form action="{% url 'registration:register' %}" method="post">
    {% csrf_token %}
    {{ form.as_p }}
    {% load recaptcha from evileg_core %}
    {% recaptcha 'form-group' %}
    {% if messages %}
      {% for message in messages %}
        {{ message }}
      {% endfor %}
    {% endif %}
    <input type="submit" value="Register">
  </form>
{% endblock %}

Result

As a result, we get a fairly simple implementation of reCAPTCHA on the Django site.

Google reCaptcha example on EVILEG-CORE

For Django I recommend Timeweb Hosting VDS Server .

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
- company blog
Support the author Donate

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Timeweb

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting
AE

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:50points,
  • Rating points-4
f

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:70points,
  • Rating points1
OP

C++ - Test 006. Enumerations

  • Result:40points,
  • Rating points-8
Last comments

Django - Tutorial 037. How to add authentication through social networks. Google+

Какую ссылку в гулге юзать для редиректа oauth2?
t

Qt/C++ - Lesson 013. QMenu – How to work with context menu in QTableView?

Добрый день, в строке 49 файла mainwindow.cpp создаётся меню и оно будет создаваться каждый раз при его вызове. Т.е. каждый раз будет выделяться память под QMenu. Это же утечка памяти или Q…
TF

Qt/C++ - Lesson 054. Reading data from a CSV file, and their representation via QStandardItemModel

А если мне надо данными из файла подписать оси x и y и построить график как это сделать?

QML - Lesson 018. Loader in QML Qt – The working with the dynamic components

Лично для меня loader - это компонень, который загружает какую-то часть внутри окна, поэтому с этой точки зрения я бы не стал рассматривать использование loader лоя открытия окон, только для зап…
KF

QML - Lesson 018. Loader in QML Qt – The working with the dynamic components

добрый день, грамотно ли использовать loader для загрузки небольших диалоговых окон по клику из меню? и если да, то возникает проблема: загрузили первое диалоговое окно, потом его закрыли, а отк…
Now discuss on the forum

Как в QML поменять цвет кнопки Button?

Спасибо, а если дописать так, то еще и фон меняется Button { id: page0Button0 y: parent.height * 0.16 width: parent.width * 0.3 height: parent.height * 0.0…

Qml ListView ComboBox

добрый, можете в делегате обьявить переменную, в которую будет писать комбобокс свое значение. а потом по индексу модели дергать данное значение, ну или непосредственно дергать сам комбобокс по …

QScrollArea dynamically add QCheckBoxes

Всё правильно. Это просто спамер, который отправился в вечный бан.
IP

Как совместить таблицу и дерево в Qt

Необходимо использовать виджет QTreeView, для него необходимо сделать соответствующую модель. Примеры есть в самом Qt
K

Как поменять шаг оси с числового формата на текстовый

Добрый день. Только начинаю знакомство с Qt, а именно с библиотекой QCustomPlot. Столкнулся с такой проблемой - не знаю как поменять оси с числового на текстовый формат как на скрине. …
About
Services
© EVILEG 2015-2021
Recommend hosting TIMEWEB