Integration of Elastic Search and Django(A Python Framework) – Part One

March 13, 2017March 13, 2017 tushar

In this tutorial I am going to show you the Integration of Elastic Search and Django. I am using Django 1.10, ElasticSearch 5.2.0, and Ubuntu 16.04 OS for the application. Lets Have a look on the model we are going to build. A simple application that have five simple models : – Product Model, Category Model, SubCategory Model, UserProfile, and the User Model. This is the part One of the tutorial, in this part I am going to build an application at Django Part. To install Django on your system refer here. Open terminal and type command

 django-admin.py startproject elasticdjango

1	django-admin.py startproject elasticdjango

make virtual environment

virtualenv -p python3 venv

1	virtualenv -p python3 venv

activate the virtual environment

source venv/bin/activate

1	source venv/bin/activate

install django 1.10 in the virtual environment using pip

pip install django==1.10

1	pip install django==1.10

make a app named core that will contain our models

django-admin startapp core

1	django-admin startapp core

Here is the directory structure for our application go to the elasticdjango/settings.py file and add the core application to the Installed apps:- add following code to the core/models.py file

from django.db import models
from django.contrib.auth.models import User
import django.db.models.options as options
options.DEFAULT_NAMES=options.DEFAULT_NAMES+('es_index_name','es_type_name','es_mapping')

# Create your models here.
class Product(models.Model):
    """Product Model"""
    CHOICES=(('downloadable_product','DOWNLOADABLE PRODUCT'),('shipped_product','SHIPPED PRODUCT'))
    name=models.CharField(max_length=150)
    price=models.PositiveIntegerField(default=0)
    category=models.ForeignKey('Category')
    subcategory=models.ForeignKey('Subcategory')
    seller=models.ForeignKey('UserProfile')
    product_type=models.CharField(choices=CHOICES,max_length=50,default='downloadable_field')
    def __unicode__(self):
        return self.name
    def es_repr(self):
        data={
            "name":self.name,
            "price":self.price,
            "category":{
                "name": self.category.name,
            },
            "subcategory":{
                "name": self.subcategory.name,
            },
            "seller":{
                "email": self.seller.user.email,
            },
            "product_type":self.product_type
        }
        return data

    class Meta:
        es_index_name='ecommerce'
        es_type_name='products'
        es_mapping={
            'properties':{
                'name':{'type':'text'},
                'price':{'type':"long"},
                'category':{
                        'properties':{
                            'name':{'type':'keyword'},
                        }
                    },
                'subcategory':{
                        'properties':{
                            'name':{'type':'keyword'},
                        }
                    },
                'seller':{
                    'properties':{
                        'email':{'type':'text'}
                        }
                    },
                'product_type':{'type':"keyword"},
                }
        }

class Category(models.Model):
    """Category Model"""
    name=models.CharField(max_length=150)
    def __unicode__(self):
        return self.name

class Subcategory(models.Model):
    """Category Model"""
    name=models.CharField(max_length=150)
    category=models.ForeignKey(Category)
    def __unicode__(self):
        return self.name

class UserProfile(models.Model):
    """User Profile model"""
    CHOICES=(('vendor','VENDOR'),('consumer','CONSUMER'))
    user_type=models.CharField(choices=CHOICES,default='consumer',max_length=150)
    user=models.ForeignKey(User)
    def __unicode__(self):
        return self.user_type

from django.db import models

from django.contrib.auth.models import User

import django.db.models.options as options

options.DEFAULT_NAMES=options.DEFAULT_NAMES+('es_index_name','es_type_name','es_mapping')

# Create your models here.

class Product(models.Model):

"""Product Model"""

CHOICES=(('downloadable_product','DOWNLOADABLE PRODUCT'),('shipped_product','SHIPPED PRODUCT'))

name=models.CharField(max_length=150)

price=models.PositiveIntegerField(default=0)

category=models.ForeignKey('Category')

subcategory=models.ForeignKey('Subcategory')

seller=models.ForeignKey('UserProfile')

product_type=models.CharField(choices=CHOICES,max_length=50,default='downloadable_field')

def __unicode__(self):

return self.name

def es_repr(self):

data={

"name":self.name,

"price":self.price,

"category":{

"name": self.category.name,

"subcategory":{

"name": self.subcategory.name,

"seller":{

"email": self.seller.user.email,

"product_type":self.product_type

}

return data

class Meta:

es_index_name='ecommerce'

es_type_name='products'

es_mapping={

'properties':{

'name':{'type':'text'},

'price':{'type':"long"},

'category':{

'properties':{

'name':{'type':'keyword'},

}

'subcategory':{

'properties':{

'name':{'type':'keyword'},

}

'seller':{

'properties':{

'email':{'type':'text'}

}

'product_type':{'type':"keyword"},

}

class Category(models.Model):

"""Category Model"""

name=models.CharField(max_length=150)

def __unicode__(self):

return self.name

class Subcategory(models.Model):

"""Category Model"""

name=models.CharField(max_length=150)

category=models.ForeignKey(Category)

def __unicode__(self):

return self.name

class UserProfile(models.Model):

"""User Profile model"""

CHOICES=(('vendor','VENDOR'),('consumer','CONSUMER'))

user_type=models.CharField(choices=CHOICES,default='consumer',max_length=150)

user=models.ForeignKey(User)

def __unicode__(self):

return self.user_type

Don’t worry if you are not able to understand this time the whole code. This in simple words contain the models definitions […]

Angular 2 Production Build – Minify an Angular App

February 9, 2017February 9, 2017 tushar

In this blog post I am going to show you the steps for minifying the application build using Angular 2. First concern is why minify the angular Application. Angular team released Angular 2 by taking mobile apps in mind. Angular 2 is made especially for the Mobile applications. The hybrid mobile applications that feel like native. These applications are called PWA, Progressive web apps. To take advantage of the PWA, the size of the application itself must be less enough to load instantly on open up the app. As for the angular application to run, it has to be load fully by the browser. But if the size factor of the application make it slow during the initial load of the page, then it must be a serious concern. Minify a Sample Angular Application Our application consist of three files:- app.component.ts

import { Component } from '@angular/core';

@Component({
selector:'main-app',
template:'Hello! This is the main app'
})

export class AppComponent{}

import { Component } from '@angular/core';

@Component({

selector:'main-app',

template:'Hello! This is the main app'

})

export class AppComponent{}

app.module.ts

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

import {AppComponent} from './app.component';

@NgModule({
imports:[BrowserModule],
bootstrap:[AppComponent],
declarations:[AppComponent],
})

export class AppModule{}

import {NgModule} from '@angular/core';

import {BrowserModule} from '@angular/platform-browser';

import {AppComponent} from './app.component';

@NgModule({

imports:[BrowserModule],

bootstrap:[AppComponent],

declarations:[AppComponent],

})

export class AppModule{}

main.ts

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

import {AppModule} from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

In app.component.ts we define the component for our application. In app.module.ts we define the module of our app and export AppModule. In main.ts we bootstrap our application using the bootstrapmodule of platformBrowserDynamic. AppModule is […]

Angular 2 Authentication using Firebase

January 29, 2017January 29, 2017 tushar

Google Login,facebook Login, Github login, Twitter Login all in one place. In this tutorial I show you how to authenticate user in angular based web application using Firebase. To use firebase we have to make a project in Firebase developer console. We can authenticate users through multiple providers using single Firebase app. For that we have to enable the providers. Go to Authentication -> Sign In Methods and you will see the list of providers, like Google, Facebook, Twitter, Github, etc. Enable each of the provider, you want your users authenticate to. Facebook, Twitter, Github need App Id / Client Id and App Secret/ Client Secret. So you may need to make an app at respective provider consoles like, Facebook, Github Twitter to get the required Id and secrets keys. Also use the given OAuth redirect URI in your providers app you made. For Facebook go to the Facebook developer apps console, make a new app and use the app Id and app secret in firebase configuration settings. and also set the redirect URI in facebook settings. For Github, go […]

Local Storage in Ionic 2

January 26, 2017January 26, 2017 tushar

What is Local Storage Local storage is a kind of the Web Storage. It is the web application protocols and methods by which we can easily store data in the web browser storage or simply store data client side. Local storage is also helpful in reducing the server load, as data which has to be accessed frequently, can be stored in the local storage and not need to be fetched again and again from the server. Local storage can be used to store the user credentials in a secure way, that easily authenticate the user without having him to login again,example:- we can store the token of user in local storage, in token based REST authentication system. Obviously we have the storage at client side,i.e. Local storage which can be leveraged in many ways, making our web applications or mobile hybrid applications more productive. Local storage is supported by almost every browser, like IE8(Internet Explorer 8) and later, Mozilla Based browser, google chrome, opera, safari etc. It is very easy to use, i.e. very simple syntax, shown as follows. Browsers […]

Devtech

Talk about technologies

Author: tushar

Integration of Elastic Search and Django(A Python Framework) – Part One

Angular 2 Production Build – Minify an Angular App

Local Storage in Ionic 2