अरे कैसे हो? मैं एक 18 वर्षीय बैकएंड डेवलपर और एक महत्वाकांक्षी मशीन लर्निंग इंजीनियर हूं। और इस लेख में, मैं इस बारे में लिखने जा रहा हूं कि पायथन का उपयोग करके अपने फोन पर एक वेब ऐप कैसे बनाया जाए। आइए इसमें डुबकी लगाते हैं।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183376.jpg)
आवश्यकताएं
पहली चीज जो हमें यहां चाहिए वह है एक एंड्रॉइड फोन, कम से कम संस्करण 6.0 और ऊपर। लेकिन क्या होगा अगर मैंने तुमसे कहा कि हमें बस इतना ही चाहिए? सच होना बहुत अच्छा लगता है।
अब अगली चीज़ जो हमें करने की ज़रूरत है वह है pydroid3 नामक अपने फ़ोन पर एक मोबाइल एप्लिकेशन इंस्टॉल करना।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183329.jpg)
जैसा कि आप देख सकते हैं, pydroid3 एक मोबाइल एप्लिकेशन है जो आपको अपने मोबाइल फोन पर पायथन लिखने देता है, इसलिए आगे बढ़ें और इसे इंस्टॉल करें।
अगली चीज़ जो हमें करने की ज़रूरत है वह है Django को स्थापित करना। यदि आप Django से परिचित नहीं हैं, तो कृपया यहां Django दस्तावेज़ देखें।
Django को स्थापित करने के लिए हमें अपने pydroid3 में साइड नेविगेशन को खोलना होगा और टर्मिनल का चयन करना होगा:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183463.jpg)
फिर उस पर क्लिक करें और हमें यह देखना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183492.jpg)
एक बार ऐसा करने के बाद आपको केवल निम्न कमांड टाइप करना होगा:
pip install django
और आपको नीचे मिलना चाहिए। मुझे "आवश्यकताएं संतुष्ट" संदेश मिल रहा है क्योंकि मैंने इसे पहले ही इंस्टॉल कर लिया है।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183420.jpg)
यह सफलतापूर्वक स्थापित हो गया है, लेकिन इसकी पुष्टि करते हैं। टर्मिनल में django-admin
. टाइप करें और एंटर दबाएं।
आपको यह मिलना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183477.jpg)
इसका मतलब है कि यह वास्तव में पहले से ही स्थापित है।
हमारा प्रोजेक्ट कैसे बनाएं
तो चलिए अपना प्रोजेक्ट बनाना शुरू करते हैं। अपना टर्मिनल खोलें और निम्न कमांड टाइप करें:
django-admin startproject myapp
यह आपके रूट फ़ोल्डर में myapp नामक एक Django एप्लिकेशन बनाता है।
cd myapp
. लिखकर डायरेक्टरी को इसमें बदलें और टाइप करें python manage.py runserver
. तब आपको यह मिलना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183548.jpg)
अब सर्वर शुरू हो गया है। इसके बाद, ब्राउज़र में इसका परीक्षण करने के लिए 127.0.0.1:8000 पर जाएं।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183542.jpg)
और उछाल! आपको देखना चाहिए कि Django सफलतापूर्वक सेटअप हो गया है।
अगली चीज़ जो हमें करने की ज़रूरत है वह है हमारा Django ऐप बनाना। Django में, प्रोजेक्ट फ़ोल्डर रूट के रूप में कार्य करता है जबकि ऐप एप्लिकेशन के रूप में कार्य करता है।
Django ऐप बनाने के लिए, सुनिश्चित करें कि आप अभी भी निर्देशिका में हैं, फिर टाइप करें python manage.py startapp todo
. यह हमारे myapp प्रोजेक्ट में इस तरह एक टू-डू ऐप बनाता है:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183533.jpg)
फिर टूडू फोल्डर के अंदर हमें कुछ इस तरह दिखना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183623.jpg)
जब हम उनके साथ काम करना शुरू करेंगे तो हम फाइलों पर एक और नज़र डालेंगे।
हमारे एप्लिकेशन को कैसे कॉन्फ़िगर करें
आइए अब यह संभव बनाते हैं कि ऐप को Django प्रोजेक्ट द्वारा परोसा जाए। सबसे पहले अपना settings.py
खोलें myapp फ़ोल्डर में फ़ाइल करें और 'todo'
जोड़ें इस तरह इंस्टॉल किए गए ऐप्स के लिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183600.jpg)
आगे हमें अपना urls.py
. खोलना होगा और अपने कोड में निम्नलिखित जोड़ें:
from django.urls import path, include
path('', include('todo.urls'))
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183656.jpg)
असल में हुआ यह कि मैंने include
. जोड़ा से django.urls
. तक आयात पथ। और पथ के नीचे (admin
) , हमने एक खाली पथ बनाया है जो urls.py
. की ओर इशारा करता है या उसमें शामिल है टूडू ऐप डायरेक्टरी में फाइल करें। मुझे आशा है कि यह स्पष्ट है।
आगे हमें urls.py
. नाम की टूडू फाइल डायरेक्टरी में एक नई फाइल बनाने की जरूरत है और इसमें निम्न कोड जोड़ें:
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name='home')
]
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183716.jpg)
हमने आयात किया path
Django.urls
. से और आयात भी किया views
रूट डायरेक्टरी से। फिर हमने अपना urlpatterns
. बनाया रूट लिंक के रूप में पहले भाग के साथ। जैसा कि आप देख सकते हैं, views.index का सीधा सा मतलब है कि हम इस व्यू को views.py
पर इंडेक्स फंक्शन में इंगित कर रहे हैं। फ़ाइल। आप देखेंगे कि यह कैसे एक पल में काम करता है।
आइए हमारे views.py
पर चलते हैं फ़ाइल करें और कुछ कोड जोड़ें।
सबसे ऊपर, आयात करें HttpResponse
इस तरह:
from django.http import HttpResponse
और इसे इसके नीचे जोड़ें:
def index(request):
return HttpResponse('Hello')
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183700.jpg)
जैसा कि आप देख सकते हैं, हमने अपने urls.py
. में कॉल किए गए इंडेक्स फ़ंक्शन को बनाया है और हम इसमें एक अनुरोध पैरामीटर में पास हुए। फिर हमने एक HttpResponse
. लौटाया .
लेकिन HttpResponse
. से पहले काम कर सकता है, हमें इसे django.http import HttpResponse
. से आयात करना होगा - एबीसी जितना सरल। आइए इसे आज़माएं:myapp में अपना टर्मिनल और सीडी खोलें और टाइप करें python manage.py runserver
इसका परीक्षण करने के लिए।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183874.jpg)
जैसा कि आप देख सकते हैं, इसने प्रतिक्रिया लौटा दी। तो आगे हम अपनी टेम्पलेट HTML फ़ाइलें लोड करेंगे।
अपनी एचटीएमएल फाइलों को लोड करने के लिए हमें इस क्रम में टूडू डायरेक्टरी में एक फोल्डर बनाना होगा:
todo/templates/todo
टूडू डायरेक्टरी में, टेम्प्लेट नामक फोल्डर बनाएं। उस फोल्डर के अंदर, टूडू नामक एक फोल्डर बनाएं, जो उतना ही सरल हो।
फिर आगे बढ़ें और index.html नामक एक साधारण HTML फ़ाइल बनाएं और उसमें इसे लिखें:
<h1>Hello world</h1>
इसे लोड करने के लिए, अपना views.py
बनाएं कोड इस तरह दिखता है:
def index(request):
return render(request, 'todo/index.html')
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183804.jpg)
अब प्रतिक्रिया वापस करने के बजाय हमने एक रेंडर व्यू लौटाया जो हमें अब हमारे एचटीएमएल टेम्पलेट को प्रस्तुत करने की इजाजत देता है, इसे अपने टर्मिनल सीडी को myapp में खोलें और इसे चलाएं। हमारे पास यह होना चाहिए
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183802.jpg)
जैसा कि आप देख सकते हैं कि यह अच्छी तरह से काम करता है - अगले चरण पर।
स्थिर फ़ाइलों को कैसे सेट करें
अब स्टैटिक फाइल्स को सेट करने के लिए, अपनी टूडू डायरेक्टरी में एक नया फोल्डर बनाएं और इसे स्टैटिक नाम दें। उस फोल्डर के अंदर एक फोल्डर बनाएं और उसे टूडू नाम दें।
तो यह इस तरह होना चाहिए:/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>
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183989.jpg)
और अब इसे चलाते हैं:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183978.jpg)
यदि आपने मेरे साथ अनुसरण किया है, तो आपके पास उपरोक्त होना चाहिए।
मॉडल और एडमिन पैनल कैसे लोड करें
अब हमारे व्यवस्थापक पैनल को लोड करने के लिए, हमें एक सुपरयुसर बनाने की आवश्यकता है। यह करना आसान है - बस अपना टर्मिनल और सीडी को myapp फ़ोल्डर में खोलें और फिर python manage.py createsuperuser
टाइप करें। और एंटर दबाएं। आपको यह देखना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183949.jpg)
हमें एक त्रुटि मिलती है क्योंकि हमने python manage.py migrate
नहीं चलाया है अभी तक। तो टाइप करें और एंटर दबाएं, और आपके पास कुछ ऐसा होना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315183911.jpg)
अब python manage.py createsuperuser
. टाइप करें और एंटर दबाएं:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184025.jpg)
बस क्रेडेंशियल्स भरें। अगली चीज़ जो हमें करने की ज़रूरत है वह है अपना सर्वर चलाना और 127.0.0.1:8000/admin को इंगित करना।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184092.jpg)
लॉगिन करें और आपको डैशबोर्ड पर निर्देशित किया जाएगा:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184038.jpg)
अब जब हमने व्यवस्थापक पैनल कर लिया है, तो मॉडल (डेटाबेस) के साथ काम करते हैं। हम सामग्री एकत्र करने वाला एक मॉडल बनाएंगे। तो अपना models.py
open खोलें फ़ाइल करें और इस कोड को टाइप करें:
class Post(models.Model):
content = models.CharField(max_length=255, null=False)
def __str__(self):
return self.content
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184117.jpg)
हम एक वर्ग बनाते हैं जिसमें पैरामीटर होता है models.Model
और एक वैरिएबल देता है content
जिसमें CharField()
है , टेक्स्ट फ़ील्ड की तरह अधिक। अंत में हम एक जादू बनाते हैं str
जो किसी ऑब्जेक्ट के बजाय मॉडल का नाम देता है।
तो आगे हमें माइग्रेशन चलाने की जरूरत है। myapp में अपना टर्मिनल, cd खोलें और python manage.py makemigrations
. टाइप करें . आपको यह देखना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184184.jpg)
इसका मतलब है कि इसने हमारे डेटाबेस में पोस्ट टेबल बनाया है। फिर python manage.py migrate
भी चलाएँ जिसके परिणामस्वरूप निम्नलिखित होंगे:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184166.jpg)
इसका मतलब है कि सब कुछ स्पष्ट है। अब इसे एडमिन पेज में जोड़ने के लिए, admin.py
खोलें और इस कोड को टाइप करें:
from .models import *
admin.site.register(Post)
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184279.jpg)
हमने मॉडल से सभी मॉडल वर्गों को आयात किया और पोस्ट मॉडल को व्यवस्थापक पैनल में पंजीकृत किया। अब अगर हम एडमिन पैनल खोलते हैं तो हमें पोस्ट देखना चाहिए और कुछ डेटा सेव करना चाहिए।
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184241.jpg)
ध्यान दें कि यह अब टूडू ऐप सूची में है:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184305.jpg)
उस पर क्लिक करने के बाद आपको यह देखना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184307.jpg)
फिर आप चाहें तो एक पोस्ट बना सकते हैं।
डेटा को डीबी से देखने के लिए कैसे रेंडर करें
अंत में हम अपना डेटा डीबी से प्राप्त करेंगे। ऐसा करने के लिए हमें अपना views.py
. अपडेट करना होगा इस प्रकार है:
from .models import *
def index(request):
content = Post.objects.all()
context = {'content': content}
return render(request, 'todo/index.html', context)
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184324.jpg)
यह उतना ही सरल है:हमने models.py
. से सभी को आयात किया है , ने content
. नामक एक वेरिएबल बनाया , और तालिका पोस्ट से सभी डेटा पुनर्प्राप्त किया। फिर हमने इसे अपने विचार के लिए एक शब्दकोश के रूप में पारित किया। तो हमारे index.html में इसे काम करने के लिए बस इसे जोड़ें:
{% for contents in content %}
{{content.content}}
{% endfor %}
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184492.jpg)
यहां, हमने टेम्प्लेट टैग का उपयोग करके एक लूप लिखा और सभी डेटा सामग्री प्राप्त की। अब अपना टर्मिनल खोलें, cd myapp में, और सर्वर को चलाने के लिए जादू होता है:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184458.jpg)
यह काम करता है, लेकिन इसकी पुष्टि करते हैं:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184441.jpg)
और परिणाम निम्न होना चाहिए:
![अपने फोन पर वेब ऐप कैसे बनाएं - पायथन और पाइड्रॉइड एंड्रॉइड ऐप ट्यूटोरियल](/article/uploadfiles/202210/2022101315184551.jpg)
Violà - यह ठीक काम करता है। अंत में आप बस एक लाइन ब्रेक जोड़ सकते हैं ताकि आप इसे और अधिक स्पष्ट रूप से पढ़ सकें। और हमारा काम हो गया!
पढ़ने के लिए धन्यवाद। यदि आप एक गहन Django ट्यूटोरियल के माध्यम से जाना चाहते हैं, तो कृपया मेरे YouTube चैनल Devstack पर जाएं और सदस्यता लें।