En resumen:

• Configuración básica de entorno virtual y Django.
• Instalación y configuración de AllAuth.
• Integración de Bootstrap y Crispy Forms.
• Configuración y autenticación con Google Oauth 2.0

Enjoy!

Uno de los retos con los que me topé es usar GridFS que podemos entenderlo así:

MongoDB puede ser utilizado con un sistema de archivos, tomando la ventaja de la capacidad que tiene MongoDB para el balanceo de carga y la replicación de datos utilizando múltiples servidores para el almacenamiento de archivos. Esta función (que es llamada GridFS ) está incluida en los drivers de MongoDB y disponible para los lenguajes de programación que soporta MongoDB. Esta base de datos expone funciones para la manipulación de archivos y contenido a los desarrolladores. En un sistema con múltiple servidores, los archivos pueden ser distribuidos y copiados entre los mismos varias veces y de una forma transparente, de esta forma se crea un sistema eficiente que maneja fallos y balanceo de carga.

Bien, en resumen, es un sistema de archivos de MongoDB.

Mi problema era publicar las imágenes dado que no las almacena en una carpeta pública por así decirlo, así que había que buscar la solución vía programación. Antes de seguir, los paquetes que estoy usando son los siguientes:

• Django
• MongoDB
• mongoengine
• django-mongodbforms
• PIL

Para el caso usé un modelo bastante sencillo, digamos que mi aplicación es un Blog y mi modelo es de un Post

from mongoengine import *
from mongodbforms import DocumentForm


class Post(Document):
    title = StringField(max_length=160, required=True)
    body = StringField(required=True)
    image = ImageField(size=(800, 600, True), thumbnail_size=(150, 112, True))


class PostForm(DocumentForm):
    class Meta:
        document = Post

Hay 2 maneras de realizar la tarea:

1. Sin thumbnail (miniatura), donde es 100% django.
2. Con thumbnail, donde tendremos que recurrir a pymongo + django

La primera es muy sencilla, si tu aplicación no requiere de miniaturas, esta es la mejor opción, simplemente requieres conocer el ID de tu imagen:

''' blog/views.py '''
def view_post(request, id):
    post = get_document_or_404(Post, pk=id)
    # img_id temporal para mandar llamar la imagen
    # Si no contiene imagen el post, no muestra nada
    try:
        post.img_id = post.image._id
    except AttributeError:
        post.img_id = False
    return render_to_response('post.html', {'post': post})


def display_image(request, id):
    image = get_document_or_404(Post, image=ObjectId(id)).image
    return HttpResponse(image.read(), content_type=image.contentType)


''' blog/urls.py '''
# ...
                       url(r'^post/(?P<id>\w+)/$', 'view_post'),
                       url(r'^media/(?P<id>\w+)$', 'display_image'),
# ...


''' blog/templates/post.html '''
<p><a href="/blog/">View all posts</a></p>

<p><h2>{{ post.title }}</h2></p>
<p>{{ post.body }}</p>
{% if post.img_id %}
<p style="text-align: center"><img src="/blog/media/{{ post.img_id }}"></p>
{% endif %}

Si por alguna razón requieres el uso de las miniaturas, esta es la receta de cocina para obtener la imagen regular o la miniatura, esto es debido a que directamente con el ORM de Django con mongoengine no hay manera de hacer referencia a la miniatura:

''' blog/views.py '''
def view_post_th(request, id):
    post = get_document_or_404(Post, pk=id)
    # img_id temporal para mandar llamar la imagen
    # Si no contiene imagen el post, no muestra nada
    try:
        post.img_id = post.image._id
    except AttributeError:
        post.img_id = False
    try:
        post.thumbnail_id = post.image.thumbnail_id
    except AttributeError:
        post.thumbnail_id = False
    return render_to_response('post2.html', {'post': post})


def display_image_m2(request, id):
    # Conexión adicional al sistema de archivos de MongoDB
    mongo_con = Connection()
    # Si tu campo en el modelo es ImageField, la collección es 'images'
    grid_fs = gridfs.GridFS(mongo_con.servemedia, collection='images')
    if not grid_fs.exists(ObjectId(id)):
        raise Exception("Mongo file does not exist! {0}".format(ObjectId(id)))
    image = grid_fs.get(ObjectId(id))
    try:
        # Con esta validación sabemos si es miniatura o imagen original,
        # el thumbnail por default se guarda sin el contentType
        content_type = image.contentType
    except AttributeError:
        # Con esto buscamos la imagen original para obtener el contentType del thumbnail
        for grid_out in grid_fs.find({'thumbnail_id': ObjectId(id)}).limit(1):
            content_type = grid_out.contentType
    return HttpResponse(image.read(), content_type=content_type)


''' blog/urls.py '''
# ...
                       url(r'^post2/(?P<id>\w+)/$', 'view_post_th'),
                       url(r'^media2/(?P<id>\w+)$', 'display_image_m2'),
# ...


''' blog/templates/post2.html '''
<p><a href="/blog/">View all posts</a></p>

<p><h2>{{ post.title }}</h2></p>
<p>{{ post.body }}</p>
{% if post.thumbnail_id %}
<p style="text-align: center"><img src="/blog/media2/{{ post.thumbnail_id }}"></p>
{% endif %}
{% if post.img_id %}
<p style="text-align: center"><img src="/blog/media2/{{ post.img_id }}"></p>
{% endif %}

El código completo puedes encontrarlo en mi GitHub  https://github.com/jafrancov/Serve-Media-Django-MongoDB-GridFS espero les sirva y sea de su agrado, cualquier duda, deja tu comentario.

Enjoy!