🧘🏾 🦖 🙌🏼 Django: मोबाइल उपकरणों से किसी साइट तक जल्दी पहुंचने के लिए क्यूआर कोड का उपयोग करना 👨🏾‍🍳 🏳️ ☦️

यदि आपके पास एक ऐसी साइट है जो अक्सर मोबाइल उपकरणों (जैसे कि फोन और टैबलेट पीसी) से उपयोग की जाती है, तो आपने सोचा होगा कि त्वरित लॉगिन कैसे लागू किया जाए - ताकि उपयोगकर्ता को वेबसाइट के पते या लॉगिन और पासवर्ड में प्रवेश करने की आवश्यकता न हो ( ई-मेल और पासवर्ड)।

कुछ साइटों पर, आपने त्वरित लॉगिन लिंक के साथ एक एसएमएस संदेश भेजने की क्षमता देखी होगी - यह अनिवार्य रूप से एक ही बात है। इस नोट में वर्णित दृष्टिकोण का मुख्य अंतर यह है कि हम एक एसएमएस संदेश भेजने के बजाय, एक क्यूआर कोड उत्पन्न करेंगे जिसमें एक लिंक होता है जो आपको प्राधिकरण डेटा दर्ज किए बिना साइट में प्रवेश करने की अनुमति देता है।

मोबाइल फोन की स्क्रीन से स्क्रीनशॉट

वैसे, एप्लिकेशन को लिखने की पूरी प्रक्रिया, जो नीचे दी गई है, स्क्रिनकास्ट में देखी जा सकती है ( YouTube पर उपलब्ध है , या 1080p में MPEG2 फ़ाइल के रूप में बेहतर गुणवत्ता में)।

इससे पहले कि आप प्राधिकरण के इस विकल्प को लागू करना शुरू करें, आइए देखें कि यह एसएमएस संदेश भेजने के विकल्प से कैसे अलग है:

एक एसएमएस संदेश थोड़ा सुरक्षित है: एक तरफ, हम तीसरे पक्ष (विशेष रूप से, एसएमएस गेट, मोबाइल ऑपरेटर) के माध्यम से लिंक प्रसारित करते हैं, लेकिन दूसरी ओर, सबसे पहले, लिंक जेएस के माध्यम से अनुपलब्ध होगा (और, तदनुसार, यहां तक कि यदि साइट में XSS है, तो हमलावर एसएमएस संदेश से लिंक प्राप्त करने में सक्षम नहीं होगा - लेकिन आप इसे क्यूआर कोड से प्राप्त कर सकते हैं), और दूसरी बात, एक ब्राउज़र के साथ कंप्यूटर तक भौतिक पहुंच प्राप्त करें जिसमें उपयोगकर्ता साइट पर अधिकृत है। एक कंप्यूटर तक पहुँचने से आसान है, और एक ही समय में, शरीर के लिए उपयोगकर्ता पृष्ठभूमि
एक एसएमएस संदेश, एक ही समय में, यह इतना सार्वभौमिक नहीं है: यह काम नहीं करेगा यदि किसी कारण से कोई सेलुलर कनेक्शन नहीं है, या उपयोगकर्ता द्वारा उपयोग किए जाने वाले मोबाइल डिवाइस सेलुलर नेटवर्क में काम करने की संभावना को प्रभावित नहीं करता है (लेकिन इसमें एक कैमरा भी है, और इंटरनेट कनेक्शन, और उस पर क्यूआर कोड को स्कैन करने के लिए आवेदन आसानी से स्थापित है)
एसएमएस संदेश भेजने में पैसे खर्च होते हैं, क्यूआर कोड बनाना बिल्कुल मुफ्त है
कुछ स्थितियों में, एसएमएस संदेश गति और विश्वसनीयता संकेतकों को महत्वपूर्ण रूप से गिरा सकते हैं (अर्थात, एक संदेश एक महत्वपूर्ण देरी के साथ आ सकता है, या यहां तक कि बिल्कुल भी नहीं पहुंच सकता है), और क्यूआर कोड स्कैन करना अनुमानित है और आमतौर पर अच्छी तरह से काम करता है (कम से कम यदि कैमरा ठीक है)
एक साइट को एसएमएस संदेश भेजने के लिए एक उपयोगकर्ता के फोन नंबर की आवश्यकता होती है, लेकिन सभी उपयोगकर्ता इंटरनेट पर अपना फोन नंबर दर्ज करने के विचार को पसंद नहीं करते हैं

यह पता चला कि क्यूआर कोड वाला विकल्प बहुत अच्छा है। और यहां तक कि अगर उच्च सुरक्षा हमारे लिए महत्वपूर्ण है, तो सैद्धांतिक रूप से कोई भी ई-मेल द्वारा एक क्यूआर कोड भेजने वाले को परेशान नहीं करता है, या, उदाहरण के लिए, प्रत्येक बार एक पासवर्ड के लिए पूछ रहा है (एक बार फिर एक सुविधाजनक बड़े कंप्यूटर कीबोर्ड पर पासवर्ड दर्ज करते हुए, यह मुझे वेबसाइट पता दर्ज करने के लिए बहुत आसान लगता है। + उपयोगकर्ता नाम / ईमेल पता + मोबाइल डिवाइस के वर्चुअल कीबोर्ड पर पासवर्ड)। फिर भी, अब मैं QR कोड का उपयोग करते हुए त्वरित प्रविष्टि के लिए सबसे सरल, सबसे बुनियादी विकल्प को लागू करने का प्रस्ताव करता हूं, जिसके कार्यान्वयन के लिए हमें कम से कम समय की आवश्यकता होगी।

नीचे दिए गए पाठ, जैसे कि स्क्रीनकास्ट, विभिन्न कार्यान्वयन सुविधाओं की व्याख्या करता है। यदि आप जल्दी से साइट पर एप्लिकेशन जोड़ना चाहते हैं, तो आप इसे पाइप के माध्यम से स्थापित कर सकते हैं:

pip install django-qrauth

इस मामले में, आपको केवल अपने मुख्य urls.py में एप्लिकेशन की urls योजना को शामिल करना होगा, साथ ही साथ टेम्पलेट भी जोड़ना होगा। आप Github पर इंस्टॉलेशन निर्देश और स्रोत कोड पा सकते हैं।

निम्नलिखित वर्णन करता है कि आप एप्लिकेशन को स्वयं कैसे बना सकते हैं - प्रासंगिक, उदाहरण के लिए, यदि आप तुरंत इसमें कुछ संपादित करना चाहते हैं।

तो, सबसे पहले, हम Django परियोजना के कामकाजी निर्देशिका में जाएंगे जिसमें हम इस तरह के प्राधिकरण को जोड़ना चाहते हैं, और एक नया आवेदन बनाएं। इसे कॉल करें, उदाहरण के लिए, qrauth:

python manage.py startapp qrauth

दिखाई देने वाली निर्देशिका में, qr.py फ़ाइल बनाएं:

 try: from PIL import Image, ImageDraw except ImportError: import Image, ImageDraw import qrcode.image.base import qrcode.image.pil class PilImage(qrcode.image.pil.PilImage): def __init__(self, border, width, box_size): if Image is None and ImageDraw is None: raise NotImplementedError("PIL not available") qrcode.image.base.BaseImage.__init__(self, border, width, box_size) self.kind = "PNG" pixelsize = (self.width + self.border * 2) * self.box_size self._img = Image.new("RGBA", (pixelsize, pixelsize)) self._idr = ImageDraw.Draw(self._img) def make_qr_code(string): return qrcode.make(string, box_size=10, border=1, image_factory=PilImage)

यहां अजगर-क्रोड मॉड्यूल का उपयोग किया जाता है । आप इसे पाइप का उपयोग करके स्थापित कर सकते हैं:

pip install qrcode

पारदर्शी (सफेद के बजाय) पृष्ठभूमि के साथ चित्र प्राप्त करने के लिए, हम विशेष रूप से चित्रों को बनाने के लिए अपनी कक्षा का उपयोग करते हैं, इसे qrcode.image.pil.PilImage से विरासत में मिला है। यदि आप एक सफेद पृष्ठभूमि के साथ चित्रों से संतुष्ट हैं, तो यह इस तरह लिखने के लिए पर्याप्त होगा:

 import qrcode def make_qr_code(string): return qrcode.make(string, box_size=10, border=1)

यह ध्यान देने योग्य है कि इस मामले में, qrcode.make द्वारा वापस आए चित्र (और, तदनुसार, मेक_रक्रोड फ़ंक्शन) आकार के संदर्भ में इष्टतम नहीं हैं। उदाहरण के लिए, ऑप्टिपंग का उपयोग करके , उनके आकार को लगभग 70% (निश्चित रूप से, गुणवत्ता की हानि के बिना) कम किया जा सकता है। हालांकि, ज्यादातर मामलों में यह अनिर्दिष्ट है - किसी भी मामले में, उनका आकार छोटा है (कुछ किबाइट्स के भीतर)।

अगला, utils.py फ़ाइल बनाएं और उन कार्यों को जोड़ें जिन्हें हम बाद में विचारों में उपयोग करेंगे:

 import os import string import hashlib from django.conf import settings def generate_random_string(length, stringset="".join( [string.ascii_letters+string.digits] )): """ Returns a string with `length` characters chosen from `stringset` >>> len(generate_random_string(20) == 20 """ return "".join([stringset[i%len(stringset)] \ for i in [ord(x) for x in os.urandom(length)]]) def salted_hash(string): return hashlib.sha1(":)".join([ string, settings.SECRET_KEY, ])).hexdigest()

जनरेट_रैंडम_स्ट्रिंग फ़ंक्शन किसी दिए गए लंबाई के यादृच्छिक वर्णों की एक स्ट्रिंग उत्पन्न करता है। डिफ़ॉल्ट रूप से, एक तार लैटिन वर्णमाला (निचले और ऊपरी दोनों मामलों) और संख्याओं के अक्षरों से बना होता है।

नमकीन_हश फल नमक और स्ट्रिंग हैश ।

अब view.py को खोलें और विचार लिखें:

 import redis from django.contrib.auth.decorators import login_required from django.contrib.auth import login, get_backends from django.contrib.sites.models import get_current_site from django.template import RequestContext from django.shortcuts import render_to_response from django.http import HttpResponse, HttpResponseRedirect, Http404 from django.core.urlresolvers import reverse from django.contrib.auth.models import User from privatemessages.context_processors import \ number_of_new_messages_processor from utils import generate_random_string, salted_hash from qr import make_qr_code @login_required def qr_code_page(request): r = redis.StrictRedis() auth_code = generate_random_string(50) auth_code_hash = salted_hash(auth_code) r.setex(auth_code_hash, 300, request.user.id) return render_to_response("qrauth/page.html", {"auth_code": auth_code}, context_instance=RequestContext(request)) @login_required def qr_code_picture(request, auth_code): r = redis.StrictRedis() auth_code_hash = salted_hash(auth_code) user_id = r.get(auth_code_hash) if (user_id == None) or (int(user_id) != request.user.id): raise Http404("No such auth code") current_site = get_current_site(request) scheme = request.is_secure() and "https" or "http" login_link = "".join([ scheme, "://", current_site.domain, reverse("qr_code_login", args=(auth_code_hash,)), ]) img = make_qr_code(login_link) response = HttpResponse(mimetype="image/png") img.save(response, "PNG") return response def login_view(request, auth_code_hash): r = redis.StrictRedis() user_id = r.get(auth_code_hash) if user_id == None: return HttpResponseRedirect(reverse("invalid_auth_code")) r.delete(auth_code_hash) try: user = User.objects.get(id=user_id) except User.DoesNotExist: return HttpResponseRedirect(reverse("invalid_auth_code")) # In lieu of a call to authenticate() backend = get_backends()[0] user.backend = "%s.%s" % (backend.__module__, backend.__class__.__name__) login(request, user) return HttpResponseRedirect(reverse("dating.views.index"))

क्यूआर कोड (qr_code_page) वाले पृष्ठ तक पहुँचने पर, 50 अक्षरों का एक यादृच्छिक स्ट्रिंग उत्पन्न होता है। अगला, pip install redis में (आप pip install redis का उपयोग करके क्लाइंट को स्थापित कर सकते हैं), एक नया कुंजी-मूल्य जोड़ी जोड़ा जाता है, जहां उत्पन्न यादृच्छिक स्ट्रिंग के नमकीन हैश को कुंजी के रूप में सेट किया जाता है, और मूल्य के रूप में उपयोगकर्ता आईडी (यह आवश्यक है ताकि क्यूआर कोड के साथ तस्वीर हो। , जो पृष्ठ में जोड़ा जाता है, केवल इस उपयोगकर्ता के लिए उपलब्ध था)। यह कुंजी समाप्ति समय निर्धारित करती है, उदाहरण में 300 सेकंड (5 मिनट) इंगित किए जाते हैं।

टेम्पलेट के संदर्भ में, उत्पन्न यादृच्छिक स्ट्रिंग सेट की जाती है: इस पंक्ति का उपयोग उस पते में किया जाता है जिसमें QR कोड के साथ चित्र वापस आ जाता है (लेकिन प्राधिकरण के लिए, हैश का उपयोग किया जाता है, और हैश वाले पते को QR कोड में शामिल किया जाता है: इस तरह से, यहां तक कि यदि कोई व्यक्ति छवि का पता जानता है, तो प्राधिकरण पर्याप्त नहीं होगा - प्राधिकरण के लिए आपको छवि के पते में निर्दिष्ट यादृच्छिक स्ट्रिंग के लिए नमकीन हैश जानना होगा)।

इसके अलावा, जब छवि (qr_code_picture) को लोड किया जाता है, तो छवि के पते में निहित यादृच्छिक स्ट्रिंग को फिर से हैश किया जाता है, और फिर यह जांचा जाता है कि क्या Redis में संबंधित कुंजी है। यदि ऐसी कोई कुंजी है और वर्तमान उपयोगकर्ता की पहचानकर्ता है, तो एक क्यूआर कोड बनाया जाता है और साइट पर तत्काल प्राधिकरण के लिए एक पूर्ण लिंक से युक्त होता है। अन्यथा, त्रुटि 404 दी गई है।

वैसे, आप समझते हैं कि यहां आसानी से क्या सुधार किया जा सकता है?

int(user_id) != request.user.id निष्पादित करने पर int(user_id) != request.user.id ValueError हो सकती है - यदि Redis में ऐसी कुंजी है, लेकिन इसका मान दशमलव पूर्णांक में रूपांतरण के लिए उपयुक्त नहीं है। इसे ट्राई ... को छोड़कर , या isdigit स्ट्रिंग विधि का उपयोग करके हल किया जाता है। या, इसके विपरीत, आप request.user.id से एक स्ट्रिंग प्राप्त कर सकते हैं और प्राप्त कुंजी मूल्य के साथ इसकी तुलना कर सकते हैं।
आप न केवल एक हैश का उपयोग कर सकते हैं, लेकिन, उदाहरण के लिए, उपसर्ग के साथ एक हैश - यह विशेष रूप से सच है अगर इसी तरह की चाबियाँ कहीं और बनाई जाती हैं।

यहाँ डोमेन प्राप्त करना django.contrib.sites का उपयोग करके किया जाता है। आप डोमेन को प्रशासनिक इंटरफ़ेस (/ व्यवस्थापक / साइट / साइट /) के माध्यम से निर्दिष्ट कर सकते हैं।

यदि आपका सर्वर एक रिवर्स प्रॉक्सी (उदाहरण के लिए, nginx) के पीछे है और आप SSL का उपयोग करते हैं, तो सुनिश्चित करें कि इस बारे में जानकारी अपस्ट्रीम सर्वर के अनुरोधों में शामिल है - यह आवश्यक है ताकि request.is_secure () सही मान लौटाए (इसके लिए) SECURE_PROXY_SSL_HEADER को सेटिंग्स में परिभाषित करें, लेकिन ध्यान रखें कि आपको प्रॉक्सी सर्वर साइड पर इस हेडर को सेट / रिमूव करना होगा - अन्यथा, यदि, उदाहरण के लिए, आपकी साइट HTTP और HTTPS के माध्यम से सुलभ है, तो HTTP के माध्यम से एक्सेस करने वाला उपयोगकर्ता सक्षम होगा। इस शीर्ष लेख को सेट करें ताकि request.is_secure () वापस आ जाएगा यह सच है, और कहा कि सुरक्षा के मामले में बुरा है) करने के लिए।

और हाँ, request.is_secure() and "https" or "http" बजाय Python 2.6 से शुरू करके request.is_secure() and "https" or "http" आप "https" if request.is_secure() else "http" लिख सकते हैं।

तत्काल प्राधिकरण के लिए लिंक पर क्लिक करते समय, यह जांचा जाता है कि क्या Redis के पास लिंक में निर्दिष्ट हैश के अनुरूप कोई कुंजी है या नहीं। यदि नहीं, तो उपयोगकर्ता एक पृष्ठ पर एक संदेश के साथ पुनर्निर्देशित करता है जिसमें कहा गया है कि क्यूआर कोड अमान्य है (इस उदाहरण में, इस पृष्ठ को अलग से प्रस्तुत करने की आवश्यकता नहीं है)। यदि वहाँ है, तो Redis में कुंजी को हटा दिया जाता है, जिसके बाद यह जांचा जाता है कि क्या डेटाबेस में इस पहचानकर्ता के साथ कोई उपयोगकर्ता है या नहीं। यदि नहीं, तो फिर से, एक संदेश के साथ पृष्ठ पर पुनर्निर्देशित किया जाता है कि क्यूआर कोड अमान्य है। यदि वहाँ है, तो प्राधिकरण होता है और उपयोगकर्ता साइट के मुख्य पृष्ठ पर पुनः निर्देशित किया जाता है।

अब urls.py फ़ाइल जोड़ें और इसमें एप्लिकेशन की URL योजना को परिभाषित करें:

 from django.conf.urls import patterns, url from django.views.generic.simple import direct_to_template urlpatterns = patterns('qrauth.views', url( r'^pic/(?P<auth_code>[a-zA-Z\d]{50})/$', 'qr_code_picture', name='auth_qr_code' ), url( r'^(?P<auth_code_hash>[af\d]{40})/$', 'login_view', name='qr_code_login' ), url( r'invalid_code/$', direct_to_template, {'template': 'qrauth/invalid_code.html'}, name='invalid_auth_code' ), url( r'^$', 'qr_code_page', name='qr_code_page' ), )

इसके अलावा, अपने मुख्य urls.py को खोलने के लिए मत भूलना (जो कि ROOT_URLCONF में इंगित किया गया है), और वहां बनाए गए एप्लिकेशन के urls.py से urlpatterns शामिल करें:

 urlpatterns = patterns('', # … url(r'^qr/', include('qrauth.urls')), # … )

अब टेम्प्लेट डायरेक्टरी खोलें और वहां क्राउथ डायरेक्टरी जोड़ें।

अमान्य_ कोड के लिए उदाहरण:

 {% extends "base.html" %} {% block title %}QR- {% endblock %} {% block content %} <div class="error"> <h1>QR- </h1> <p>QR-,     , . ,       QR-      .</p> </div> {% endblock %}

पेज.html के लिए उदाहरण:

 {% extends "base.html" %} {% block title %}QR-  {% endblock %} {% block content %} <div class="qr_code"> <h1>QR-  </h1> <p>        (,   )   QR-:</p> <div><img src="{% url auth_qr_code auth_code %}" alt="QR"></div> <p>  QR-       5 .     QR-,    <a href="{% url qr_code_page %}"> </a> .</p> </div> {% endblock %}

दरअसल, अब यह ब्राउजर में साइट को खोलने और चेक करने के लिए बना हुआ है। यदि QR कोड सफलतापूर्वक उत्पन्न और प्रदर्शित होता है, तो अपने फ़ोन या किसी अन्य चीज़ से कैमरे और इंटरनेट का उपयोग करके इसे स्कैन करने का प्रयास करें।

यदि आपके पास कोई प्रश्न या विचार है कि मोबाइल उपकरणों से त्वरित और सुविधाजनक प्राधिकरण के लिए अन्य विकल्प क्या हो सकते हैं - तो मुझे टिप्पणी करने में खुशी होगी।

सभी को शुभकामनाएँ और प्रोग्रामिंग का आनंद लें!

आपको गर्मियों की शुभकामनाएँ! :)

Django: मोबाइल उपकरणों से किसी साइट तक जल्दी पहुंचने के लिए क्यूआर कोड का उपयोग करना

More articles: