अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल

अरे कैसे हो? मैं एक 18 वर्षीय बैकएंड डेवलपर और एक महत्वाकांक्षी मशीन लर्निंग इंजीनियर हूं। और इस लेख में, मैं इस बारे में लिखने जा रहा हूं कि पायथन का उपयोग करके अपने फोन पर एक वेब ऐप कैसे बनाया जाए। आइए इसमें डुबकी लगाते हैं।

आवश्यकताएं

पहली चीज जो हमें यहां चाहिए वह है एक एंड्रॉइड फोन, कम से कम संस्करण 6.0 और ऊपर। लेकिन क्या होगा अगर मैंने तुमसे कहा कि हमें बस इतना ही चाहिए? सच होना बहुत अच्छा लगता है।

अब अगली चीज़ जो हमें करने की ज़रूरत है वह है pydroid3 नामक अपने फ़ोन पर एक मोबाइल एप्लिकेशन इंस्टॉल करना।

जैसा कि आप देख सकते हैं, pydroid3 एक मोबाइल एप्लिकेशन है जो आपको अपने मोबाइल फोन पर पायथन लिखने देता है, इसलिए आगे बढ़ें और इसे इंस्टॉल करें।

अगली चीज़ जो हमें करने की ज़रूरत है वह है Django को स्थापित करना। यदि आप Django से परिचित नहीं हैं, तो कृपया यहां Django दस्तावेज़ देखें।

Django को स्थापित करने के लिए हमें अपने pydroid3 में साइड नेविगेशन को खोलना होगा और टर्मिनल का चयन करना होगा:

फिर उस पर क्लिक करें और हमें यह देखना चाहिए:

एक बार ऐसा करने के बाद आपको केवल निम्न कमांड टाइप करना होगा:

pip install django

और आपको नीचे मिलना चाहिए। मुझे "आवश्यकताएं संतुष्ट" संदेश मिल रहा है क्योंकि मैंने इसे पहले ही इंस्टॉल कर लिया है।

यह सफलतापूर्वक स्थापित हो गया है, लेकिन इसकी पुष्टि करते हैं। टर्मिनल में django-admin . टाइप करें और एंटर दबाएं।

आपको यह मिलना चाहिए:

इसका मतलब है कि यह वास्तव में पहले से ही स्थापित है।

हमारा प्रोजेक्ट कैसे बनाएं

तो चलिए अपना प्रोजेक्ट बनाना शुरू करते हैं। अपना टर्मिनल खोलें और निम्न कमांड टाइप करें:

django-admin startproject myapp

यह आपके रूट फ़ोल्डर में myapp नामक एक Django एप्लिकेशन बनाता है।

cd myapp . लिखकर डायरेक्टरी को इसमें बदलें और टाइप करें python manage.py runserver . तब आपको यह मिलना चाहिए:

अब सर्वर शुरू हो गया है। इसके बाद, ब्राउज़र में इसका परीक्षण करने के लिए 127.0.0.1:8000 पर जाएं।

और उछाल! आपको देखना चाहिए कि Django सफलतापूर्वक सेटअप हो गया है।

अगली चीज़ जो हमें करने की ज़रूरत है वह है हमारा Django ऐप बनाना। Django में, प्रोजेक्ट फ़ोल्डर रूट के रूप में कार्य करता है जबकि ऐप एप्लिकेशन के रूप में कार्य करता है।

Django ऐप बनाने के लिए, सुनिश्चित करें कि आप अभी भी निर्देशिका में हैं, फिर टाइप करें python manage.py startapp todo . यह हमारे myapp प्रोजेक्ट में इस तरह एक टू-डू ऐप बनाता है:

फिर टूडू फोल्डर के अंदर हमें कुछ इस तरह दिखना चाहिए:

जब हम उनके साथ काम करना शुरू करेंगे तो हम फाइलों पर एक और नज़र डालेंगे।

हमारे एप्लिकेशन को कैसे कॉन्फ़िगर करें

आइए अब यह संभव बनाते हैं कि ऐप को Django प्रोजेक्ट द्वारा परोसा जाए। सबसे पहले अपना settings.py खोलें myapp फ़ोल्डर में फ़ाइल करें और 'todo' जोड़ें इस तरह इंस्टॉल किए गए ऐप्स के लिए:

आगे हमें अपना urls.py . खोलना होगा और अपने कोड में निम्नलिखित जोड़ें:

from django.urls import path, include

path('', include('todo.urls'))

असल में हुआ यह कि मैंने include . जोड़ा से django.urls . तक आयात पथ। और पथ के नीचे (admin ) , हमने एक खाली पथ बनाया है जो urls.py . की ओर इशारा करता है या उसमें शामिल है टूडू ऐप डायरेक्टरी में फाइल करें। मुझे आशा है कि यह स्पष्ट है।

आगे हमें urls.py . नाम की टूडू फाइल डायरेक्टरी में एक नई फाइल बनाने की जरूरत है और इसमें निम्न कोड जोड़ें:

from django.urls import path
from . import views

urlpatterns = [
	path('', views.index, name='home')
 ]

हमने आयात किया path Django.urls . से और आयात भी किया views रूट डायरेक्टरी से। फिर हमने अपना urlpatterns . बनाया रूट लिंक के रूप में पहले भाग के साथ। जैसा कि आप देख सकते हैं, views.index का सीधा सा मतलब है कि हम इस व्यू को views.py पर इंडेक्स फंक्शन में इंगित कर रहे हैं। फ़ाइल। आप देखेंगे कि यह कैसे एक पल में काम करता है।

आइए हमारे views.py पर चलते हैं फ़ाइल करें और कुछ कोड जोड़ें।

सबसे ऊपर, आयात करें HttpResponse इस तरह:

from django.http import HttpResponse

और इसे इसके नीचे जोड़ें:

def index(request):
	return HttpResponse('Hello')

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

लेकिन HttpResponse . से पहले काम कर सकता है, हमें इसे django.http import HttpResponse . से आयात करना होगा - एबीसी जितना सरल। आइए इसे आज़माएं:myapp में अपना टर्मिनल और सीडी खोलें और टाइप करें python manage.py runserver इसका परीक्षण करने के लिए।

जैसा कि आप देख सकते हैं, इसने प्रतिक्रिया लौटा दी। तो आगे हम अपनी टेम्पलेट HTML फ़ाइलें लोड करेंगे।

अपनी एचटीएमएल फाइलों को लोड करने के लिए हमें इस क्रम में टूडू डायरेक्टरी में एक फोल्डर बनाना होगा:

todo/templates/todo

टूडू डायरेक्टरी में, टेम्प्लेट नामक फोल्डर बनाएं। उस फोल्डर के अंदर, टूडू नामक एक फोल्डर बनाएं, जो उतना ही सरल हो।

फिर आगे बढ़ें और index.html नामक एक साधारण HTML फ़ाइल बनाएं और उसमें इसे लिखें:

<h1>Hello world</h1>

इसे लोड करने के लिए, अपना views.py बनाएं कोड इस तरह दिखता है:

def index(request):
	return render(request, 'todo/index.html')

अब प्रतिक्रिया वापस करने के बजाय हमने एक रेंडर व्यू लौटाया जो हमें अब हमारे एचटीएमएल टेम्पलेट को प्रस्तुत करने की इजाजत देता है, इसे अपने टर्मिनल सीडी को myapp में खोलें और इसे चलाएं। हमारे पास यह होना चाहिए

जैसा कि आप देख सकते हैं कि यह अच्छी तरह से काम करता है - अगले चरण पर।

स्थिर फ़ाइलों को कैसे सेट करें

अब स्टैटिक फाइल्स को सेट करने के लिए, अपनी टूडू डायरेक्टरी में एक नया फोल्डर बनाएं और इसे स्टैटिक नाम दें। उस फोल्डर के अंदर एक फोल्डर बनाएं और उसे टूडू नाम दें।

तो यह इस तरह होना चाहिए:/static/todo/ ।

टूडू डायरेक्टरी में एक फाइल बनाएं और उसे नाम दें main.css . तो चलिए इसमें थोड़ा स्टाइल लिखते हैं:

body {
background-color: red;
}

और इसे सेव करें।

आइए अब अपने index.html को फिर से संपादित करें इस कोड को लिखकर फाइल करें:

{% load static %}
<!Doctype html>
<html>
<head>
<title>My page</title>
<link rel="stylesheet" href="{% static 'todo/main.css' %}" >
</head>
<body>
Hello
</body>
</html>

और अब इसे चलाते हैं:

यदि आपने मेरे साथ अनुसरण किया है, तो आपके पास उपरोक्त होना चाहिए।

मॉडल और एडमिन पैनल कैसे लोड करें

अब हमारे व्यवस्थापक पैनल को लोड करने के लिए, हमें एक सुपरयुसर बनाने की आवश्यकता है। यह करना आसान है - बस अपना टर्मिनल और सीडी को myapp फ़ोल्डर में खोलें और फिर python manage.py createsuperuser टाइप करें। और एंटर दबाएं। आपको यह देखना चाहिए:

हमें एक त्रुटि मिलती है क्योंकि हमने python manage.py migrate नहीं चलाया है अभी तक। तो टाइप करें और एंटर दबाएं, और आपके पास कुछ ऐसा होना चाहिए:

अब python manage.py createsuperuser . टाइप करें और एंटर दबाएं:

बस क्रेडेंशियल्स भरें। अगली चीज़ जो हमें करने की ज़रूरत है वह है अपना सर्वर चलाना और 127.0.0.1:8000/admin को इंगित करना।

लॉगिन करें और आपको डैशबोर्ड पर निर्देशित किया जाएगा:

अब जब हमने व्यवस्थापक पैनल कर लिया है, तो मॉडल (डेटाबेस) के साथ काम करते हैं। हम सामग्री एकत्र करने वाला एक मॉडल बनाएंगे। तो अपना models.py open खोलें फ़ाइल करें और इस कोड को टाइप करें:

class Post(models.Model):
	content = models.CharField(max_length=255, null=False)
    
    def __str__(self):
    	return self.content

हम एक वर्ग बनाते हैं जिसमें पैरामीटर होता है models.Model और एक वैरिएबल देता है content जिसमें CharField() है , टेक्स्ट फ़ील्ड की तरह अधिक। अंत में हम एक जादू बनाते हैं str जो किसी ऑब्जेक्ट के बजाय मॉडल का नाम देता है।

तो आगे हमें माइग्रेशन चलाने की जरूरत है। myapp में अपना टर्मिनल, cd खोलें और python manage.py makemigrations . टाइप करें . आपको यह देखना चाहिए:

इसका मतलब है कि इसने हमारे डेटाबेस में पोस्ट टेबल बनाया है। फिर python manage.py migrate भी चलाएँ जिसके परिणामस्वरूप निम्नलिखित होंगे:

इसका मतलब है कि सब कुछ स्पष्ट है। अब इसे एडमिन पेज में जोड़ने के लिए, admin.py खोलें और इस कोड को टाइप करें:

from .models import *

admin.site.register(Post)

हमने मॉडल से सभी मॉडल वर्गों को आयात किया और पोस्ट मॉडल को व्यवस्थापक पैनल में पंजीकृत किया। अब अगर हम एडमिन पैनल खोलते हैं तो हमें पोस्ट देखना चाहिए और कुछ डेटा सेव करना चाहिए।

ध्यान दें कि यह अब टूडू ऐप सूची में है:

उस पर क्लिक करने के बाद आपको यह देखना चाहिए:

फिर आप चाहें तो एक पोस्ट बना सकते हैं।

डेटा को डीबी से देखने के लिए कैसे रेंडर करें

अंत में हम अपना डेटा डीबी से प्राप्त करेंगे। ऐसा करने के लिए हमें अपना views.py . अपडेट करना होगा इस प्रकार है:

from .models import *

def index(request):
	content = Post.objects.all()
    context = {'content': content}
    return render(request, 'todo/index.html', context)

यह उतना ही सरल है:हमने models.py . से सभी को आयात किया है , ने content . नामक एक वेरिएबल बनाया , और तालिका पोस्ट से सभी डेटा पुनर्प्राप्त किया। फिर हमने इसे अपने विचार के लिए एक शब्दकोश के रूप में पारित किया। तो हमारे index.html में इसे काम करने के लिए बस इसे जोड़ें:

{% for contents in content %}
{{content.content}}
{% endfor %}

यहां, हमने टेम्प्लेट टैग का उपयोग करके एक लूप लिखा और सभी डेटा सामग्री प्राप्त की। अब अपना टर्मिनल खोलें, cd myapp में, और सर्वर को चलाने के लिए जादू होता है:

यह काम करता है, लेकिन इसकी पुष्टि करते हैं:

और परिणाम निम्न होना चाहिए:

Violà - यह ठीक काम करता है। अंत में आप बस एक लाइन ब्रेक जोड़ सकते हैं ताकि आप इसे और अधिक स्पष्ट रूप से पढ़ सकें। और हमारा काम हो गया!

पढ़ने के लिए धन्यवाद। यदि आप एक गहन Django ट्यूटोरियल के माध्यम से जाना चाहते हैं, तो कृपया मेरे YouTube चैनल Devstack पर जाएं और सदस्यता लें।