होस्टिंग के रूप में Google पिकासा का उपयोग कर Django फोटो गैलरी

हाय हब्रलूडी।

इस पोस्ट में मैं Google Picasa का उपयोग करते हुए फोटो गैलरी के रूप में अपनी साइट पर फोटो गैलरी के आयोजन के अनुभव को साझा करना चाहता हूं। पीएचपी के लिए इसी तरह का समाधान पहले से ही हैबे पर था, Django पर कार्यान्वयन भी यहां दिया गया है। इस विषय में कौन रुचि रखते हैं, स्वागत है।



कुछ समय पहले, मैं अपनी वेबसाइट पर फोटो दीर्घाओं के आयोजन के लिए एक इंजन की पसंद के बारे में चिंतित हो गया। आवश्यकताएँ काफी सरल थीं: एल्बमों में फ़ोटो का आयोजन करना, संपूर्ण गैलरी को एल्बम थंबनेल के रूप में और साथ ही एल्बमों में फ़ोटो दिखाना।

उन लोगों के लिए जो आगे पढ़ना नहीं चाहते हैं, तुरंत समाप्त परिणाम ।

परिचय

उदाहरण के लिए, Django के लिए बहुत सारे तैयार गैलरी समाधान हैं, यह यहां देखने लायक है । उसी समय, फ़ोटो, थंबनेल, निर्मित कैश हमारे सर्वर पर संग्रहीत किए जाते हैं, प्रस्तावित विधि सभी काले काम के लिए Google सर्वर का उपयोग करती है, जिससे हमारे पर लोड और बचत की जगह कम हो जाती है। मैं तुरंत एक आरक्षण करूँगा कि मैंने कोई भार और अन्य परीक्षण नहीं किए हैं, जो मुझे प्रदर्शन में सुधार करने के बारे में असंतुष्ट शब्दों के लिए घेरने की अनुमति देता है, आदि।

Google पिकासा, कई Google उत्पादों की तरह, इसका अपना एपीआई है, जिसे विस्तार से प्रलेखन में पाया जा सकता है।
हमें क्या चाहिए:

• Google डेटा पायथन क्लाइंट लाइब्रेरी अजगर क्लाइंट Google डेटा API
• सुंदर फोटो हमारे चित्रों को प्रदर्शित करने के लिए jQuery इंजन

आवेदन विवरण

चलो हमारे पिकसैग्लिसराल एप्लिकेशन के विवरण पर चलते हैं। आवेदन उनके लिए दो विचारों, और टेम्पलेट्स पर आधारित होगा।
सबसे पहले, हम दो कार्यों को परिभाषित करते हैं जो क्रमशः एल्बम में एल्बम और फ़ोटो की सूची लौटाते हैं:

from gdata.photos.service import PhotosService def get_albums(): pws = PhotosService() uf = pws.GetUserFeed(user = settings.PICASAGALLERY_USER) feed = '{uri}&thumbsize={thumbsize}'.format( uri = uf.GetAlbumsUri(), thumbsize = ALBUM_THUMBSIZE ) print feed return pws.GetFeed(feed).entry def get_photos(album): feed = '{uri}&imgmax={imgmax}&thumbsize={thumbsize}'.format( uri = album.GetPhotosUri(), imgmax = PHOTO_IMGMAXSIZE, thumbsize = PHOTO_THUMBSIZE ) return PhotosService().GetFeed(feed).entry 

यहां सब कुछ बहुत सरल है (भविष्य में भी)। शायद यह अनुरोध पर दिए गए मापदंडों पर टिप्पणी करने लायक है:

• उपयोगकर्ता - पिकासा में उपयोगकर्ता नाम;
• अंगूठे - अनुरोधित वस्तुओं के थंबनेल का आकार, अर्थात्। इस मामले में एल्बम और तस्वीरें। प्रलेखन में उपलब्ध आकार के थंबनेल देखे जा सकते हैं। थंबनेल को क्रॉप किया जा सकता है, अर्थात वर्ग, और अनियंत्रित, जैसे '160c' या '128u'। आप अल्पविराम द्वारा अलग किए गए कई मान भी निर्दिष्ट कर सकते हैं;
• imgmax - अधिकतम फोटो आकार (टोपी के लिए धन्यवाद), अर्थात। यह हमारे get_photos () फ़ंक्शन द्वारा लौटाए गए चित्रों का आकार है।

सुविधा के लिए, इन मापदंडों को settings.py में रखें:

 # Picasagallery settings PICASAGALLERY_USER = 'your_email' PICASAGALLERY_PHOTO_THUMBSIZE = '128' PICASAGALLERY_PHOTO_IMGMAXSIZE = '1024' PICASAGALLERY_ALBUM_THUMBSIZE = '160c' 

Django शेल का उपयोग करके , आप इस अर्थव्यवस्था के साथ प्रयोग कर सकते हैं:

 >>> from picasagallery.utils import get_albums, get_photos >>> my_first_album = get_albums()[0] >>> print my_first_album.title.text #   >>> print my_first_album.media.thumbnail[0].url # url    https://lh3.googleusercontent.com/-aWPQC60j9zQ/TwCXlTD6CtE/AAAAAAAAAJk/E90Hu9OPiyg/s160-c/FotoLife.jpg >>> my_first_photo = get_photos(my_first_album)[0] >>> print my_first_photo.media.thumbnail[0].url # url     https://lh3.googleusercontent.com/-3Hb7VwUTBNg/TwCXlXqdAQI/AAAAAAAAAH8/v8ecBJtjV6k/s128/261799.jpg >>> print my_first_photo.content.src # url   ,      imgmax 

My_first_album.media.thumbnail सूची में फ़ोटो के थंबनेल होते हैं; इसका आकार अंगूठे के पैरामीटर में अल्पविराम से अलग किए गए मानों की संख्या के बराबर है।

किसी एल्बम का थंबनेल उसकी मुख्य तस्वीर का एक थंबनेल है, डिफ़ॉल्ट रूप से यह एल्बम में अपलोड की गई पहली तस्वीर है, लेकिन इसे Google Picasa वेबसाइट पर एल्बम सेटिंग्स में बदला जा सकता है। मुझे एपीआई के माध्यम से मुख्य फोटो को बदलने की क्षमता नहीं मिली, अगर कोई जानता है, तो मुझे टिप्पणियों में बताएं।

की प्रस्तुति

हम क्रमशः गैलरी और एल्बम पृष्ठों के लिए दो अभ्यावेदन को परिभाषित करते हैं।

 from django.shortcuts import render from django.http import Http404 from picasagallery.utils import get_albums, get_photos def gallery(request): albums = get_albums() return render(request, 'picasagallery/gallery.html', {'albums': albums}) def album_list(request, album_id): for album in get_albums(): if album.gphoto_id.text == album_id: photos = get_photos(album) return render(request, 'picasagallery/album.html', {'photos': photos}) raise Http404() 

टेम्पलेट्स

गैलरी टेम्पलेट:

 {% extends 'base.html' %} {% load extras %} {% load i18n %} {% block head %} <link rel="stylesheet" href="{{ STATIC_URL }}picasagallery/css/base.css" type="text/css" media="screen" charset="utf-8" /> {% endblock %} {% block content %} {% for album in albums %} <div class='album'> <div class='album-head'> <a href="{% url picasagallery.views.album_list album.GetAlbumId %}" > <img class="album-preview" src="{% thumbnail_url album %}"> </a> </div> <div class="album-name"> <a href="{% url picasagallery.views.album_list album.GetAlbumId %}">{{ album.title.text }}</a> </div> </div> {% endfor %} <p> <a href="/media/picasa_gdata.zip">{% trans 'Download source' %}</a> </p> {% endblock %} 

एल्बम के लिए टेम्प्लेट:

 {% extends 'base.html' %} {% load extras %} {% load i18n %} {% block head %} {% include 'picasagallery/pphoto.html' %} <link rel="stylesheet" href="{{ STATIC_URL }}picasagallery/css/base.css" type="text/css" media="screen" charset="utf-8" /> {% endblock %} {% block content %} <a href='{% url picasagallery.views.gallery %}' >{% trans "Back to gallery" %}</a> <p>{% trans "Album:" %} {{ album.title.text }}</p> <div class='gallery'> {% for photo in photos %} <div class='image-preview-div'> <a class='image-preview-link' style='{% thumbnail_style photo %}' rel='gallery-image[pp_gal]' href='{{ photo.content.src }}'> <img class='image-preview-img' style='{% thumbnail_style photo %}' src='{% thumbnail_url photo %}'> </a> </div> {% endfor %} <p> <a href='{{ album.GetHtmlLink.href }}' target='_blank'>{% trans "Show in Google Picasa" %}</a> </p> </div> {% endblock %} 

एल्बम और फोटो थंबनेल का url प्राप्त करने के लिए, ये टेम्पलेट थंबनेल_url टैग का उपयोग करते हैं, जो सूची में पहले थंबनेल का यूआरएल लौटाता है। यह भी इस्तेमाल किया जाता है थंबनेल_स्टाइल टैग, जो फॉर्म की चौड़ाई का एक स्ट्रिंग लौटाता है : 48; ऊंचाई: 48? ' एक तर्क के रूप में उपयोग करने के लिए

 <img ... /> 

हम इन टैग को templatetags फ़ोल्डर की extras.py फ़ाइल में परिभाषित करते हैं:

 from django.template import Library register = Library() def get_thumbnail(obj): return obj.media.thumbnail[0] @register.simple_tag def thumbnail_url(obj): return get_thumbnail(obj).url @register.simple_tag def thumbnail_style(obj): thumb = get_thumbnail(obj) return 'width: %spx; height: %spx;' % (thumb.width, thumb.height) 

एल्बम के टेम्प्लेट में prettyPhoto को जोड़ने के लिए कोड होता है:

 {% include 'picasagallery/pphoto.html' %} 

मैं इस बिंदु पर विस्तार से नहीं रहूंगा, जो कोई भी इच्छुक है वह स्रोत में देख सकता है।

खैर, निष्कर्ष में, यह क्या हुआ , और यहाँ एक ही बात।

आपका ध्यान देने के लिए धन्यवाद।