DEV Community: Po

Razozpay Integration with Django

Po — Mon, 04 Jan 2021 08:25:22 +0000

To make use of razorpay in our application we are going to use this razorpay python package. We need to install it first.

pip install razorpay

Once signup is complete, Make sure you are in test mode and not live mode. Visit Razorpay Dashboard and create new api keys.

The api keys are shown just once so, make sure you save it. Ok so, you have already put it in your settings file,good. Not Good !!! Secrets should remain secrets, either we should put them as environment variables or in a json file which we won't push to Github.
Lets create an url, upon visiting which we should be provided with a Button, When we click on the button then we should be provided us with payment gateway screen.
But for this lets create our view first.

import os
import razorpay

from django.shortcuts import render
from django.http import HttpResponse
from django.views.decorators.csrf import csrf_exempt


def payment(request):
    amount = 100 #100 here means 1 dollar,1 rupree if currency INR
    client = razorpay.Client(auth=(os.getenv('razorpaykey'), os.getenv('razorpaysecret')))
    response = client.order.create({'amount':amount,'currency':'USD','payment_capture':1})
    print(response)
    context = {'response':response}
    return render(request,"payments/payment.html",context)


@csrf_exempt
def payment_success(request):
    if request.method =="POST":
        print(request.POST)
        return HttpResponse("Done payment hurrey!")

This will be our HTML file and it will be responsible for getting a razozpay button which when click will generate the payment form.

{% if response %}
<form action="/success/" method="POST">
    <script
        src="https://checkout.razorpay.com/v1/checkout.js"
        data-key="your_test_api_key"
        data-amount={{response.amount}}
        data-currency={{response.currency}}
        data-order_id={{response.id}}
        data-buttontext="Pay with Razorpay"
        data-name="ILoveDjango3000"
        data-description=""
        data-image=""
        data-prefill.name={{request.user.username}}
        data-prefill.email={{request.user.email}}
        data-theme.color="#F37254"
    ></script>
    <input type="hidden" custom="Hidden Element" name="hidden">
    </form>
{% endif %}

Hook up the views i.e. payment and payment_success with url of your choice, Make sure to update the HTML file form-action with your success url. One more thing is once payment is success, Razorpay will send a POST request to our application at success url. Since the form is not having csrf_token we can exempt csrf_token. It is advised that, we should make use of webhooks and then exempt csrf_token.

This is an e.g. of my urls.py file:

from django.urls import path

from apps.payments.views import payment,payment_success

urlpatterns = [
    path('payment/',payment,name="payment"),
    path('success/',payment_success,name="payment-success"),
]

This is a minimal configuration to get Razorpay to work with django. There are still things which needs to be improved or integrated e.g. Subscription, invoices, refunds, routes, and most important security and signature verification etc.

I am planning to update more payment options e.g. paypal and instamojo :
https://www.ilovedjango3000.com/blog/payment-in-django/

Django Static Files in Local

Po — Sun, 20 Dec 2020 06:12:48 +0000

There are two types of files which interacts with our website.

Media Files: Files uploaded by the users of our website.
Static Files: Assets that our websiite needs for it to be presentable. E.g. Images, CSS , JS files etc.

In production we serve static files using NGINX, Whitenoise or other servers but In local / development stage django can elegantly handle static files. For production it is not recommended to serve static files using Django because it will be too slow and its not secure.

Lets jump straight into serving static files. For that we need to understand some of the terminologies first:

STATIC_URL: The url through which static files will be served. e.g if STATIC_URL = "/static/" files will be served from yoursite.com/static/.....
STATIC_DIRS: Django looks for static files inside of each app in a folder named static. But there are static files which do not belong to any particular app. Or it might be the case that we don't want to make a folder named static inside of each app. In these two cases we define a STATIC_DIR where we keep our static files.
STATIC_ROOT: In development server this is useless. But in production server we use NGINX, Whitenoise etc. What they so is to serve the static files in production. This also makes it minimize the workload of Django in production. Hey but they don't know about our static files, So, how will they serve ? We run a command -> "python manage.py collectstatic". Now Django will look for all the static files and copy then to a location which we give as static root. Generaly it is AWS S3 or some other cloud storage. NGINX,whitenoise fetches the static files from this static root and will serve in production.
Now, lets configure our local settings.
Add the following lines in your local settings file

STATIC_URL = '/static/'
STATICFILES_DIRS = [BASE_DIR/"static_dir"]  #using pathlib for Django 3.1+
# STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static_dir')] #using os module for <3.1

Serving Static Images: Lets try to render an image at homepage. Django will search for static file in /static/ and static_dir folder. Lets put these lines in template.

{% load static %}
<img src="{% static 'images_here/firstimg.png' %}" style="width: 400px;">

Serving Static CSS: Put the css file at:
static_dir/blog/css/list.css

h1{
    color: rgb(18, 102, 39);
    box-shadow: 3px;
}

p{
    color: blueviolet;
}

and put the below lines at template article_list.html

{% load static %}

<link rel="stylesheet" href="{% static 'blog/css/list.css' %}">

Serving Static Javascript Files: Put the following contents in static_dir/blog/js/background.js

setInterval(
    function () {
      var randomColor = Math.floor(Math.random()*16777215).toString(16);
      document.body.style.backgroundColor = "#"+randomColor;
    },2000);

and in the template we have to add these lines

{% load static %}
<script src="{% static 'blog/js/background.js' %}"></script>

You may visit: https://www.ilovedjango3000.com/blog/static-files-django-configuration/ for more static and media files setup info.

Text to speech using Python gTTS in 5 lines of Code

Po — Tue, 19 May 2020 14:27:41 +0000

Google text to speech is a life saver when it comes to converting text to speech. Today,we will learn the recipe to cook the above title using Python.You can have a look at the youtube video also.
First of all, we need to have a pan,in this case, it will be gTTS module, To install gTTS and to use it, we need to type the below command.

pip install gTTS

Once you are done with this ,I will suggest to install playsound ,so as to directly play the mp3/wav file.

pip install playsound

Now the installation part is done and pan is ready to cook. Type in the below code in your jupyter notebook code cell.

from gtts import gTTS 
from playsound import playsound 
text = “ This is in english language” 
var = gTTS(text = text,lang = ‘en’) 
var.save(‘eng.mp3’) playsound(‘.\eng.mp3’)

I know that I said that we will do it in 5 lines,and indeed we can, We can directly pass the string (text) in the gTTS function! But thats not important,whats important is to understand what is happening under the hood. The beauty of most python modules is that they are self explaning, I am pretty sure that you must have understood all of it if you have basic knowledge of Python.

We also have some additional parameters which we can pass to make the mp3/wav file more intresting. Some of them are:

slow (bool, optional) — Reads text more slowly. Defaults to False.

lang_check (bool, optional) — Strictly enforce an existing lang, to catch a language error early. If set to True, a ValueError is raised if lang doesn’t exist. Setting lang_check to False skips Web requests (to validate language) and therefore speeds up instanciation. Default is True.

lang (string, optional) — The language (IETF language tag) to read the text in. Default is en.

To pay sound in hindi, all we need is hindi text and we can specify like

gTTS(text="यह हिंदी में एक उदाहरण है",lang='hi')

and that all !

I will be back again but for now, “Stay safe and learn”.
If you have any doubt then watch this youtube video:

Scrapping google images to create Mask,No-Mask Dataset using Selenium

Po — Tue, 19 May 2020 06:34:11 +0000

In this tough time and each of us should share knowledge and collaborate. I was trying to make a dataset of People wearing mask and without mask,I have collected a little data. But I am sharing,how can you scrape google images and do this task. Here is my video explaining the concept.
First of all we need to have Selenium and a webdriver, e.g. chromium webdriver.

Here is the code:

import os
import time
import urllib.request
from selenium import webdriver
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome("C:\\Users\\Sourabh\\chromedriver.exe")
driver.get('https://www.google.com/') #opens up google
search = driver.find_element_by_name('q') # the name of the searchbox
search.send_keys('people wearing mask',Keys.ENTER)

Now, we need to go to the images section

elem = driver.find_element_by_link_text('Images')
elem.get_attribute('href')
elem.click()

Now, We need to scroll the page to collect more and more values of src from

value = 0
for i in range(50):  #Scrolls the page 50 times
 driver.execute_script('scrollBy("+ str(value) +",+100);')
 value += 100
 time.sleep(4)

Now we need to find the class/id of img tag to get the src attribute from there.As of now there are three classes in google images img tag.Keep in mind that google changes it periodically ,So, It might not work after weeks.

elements = driver.find_elements_by_xpath('//img[contains(@class,"rg_i") and contains(@class, "Q4LuWd") and contains(@class, "tx8vtf")]')
try:
    os.mkdir('peoplewithmask')
except FileExistsError:
    pass

Finally we need to retrieve and download the links

count = 0
for i in elements:
    src = i.get_attribute('src')
    try:
        if src != None:
            src  = str(src)
            count+=1
            urllib.request.urlretrieve(src, os.path.join('withMask','image'+str(count)+'.jpg'))
            if count%10 == 0: print("downloaded",count,"images")
        else:
            raise TypeError
    except TypeError:
        pass

Done, This was all for today. Feel free to reach out if you need help.
I did not explain how to inspect and find out the class,id,etc because I feel that most developers know,Still if you find problem please refer to this video tutorial.

Thanking You
Sourabh