Deploying Angular code using Python script


preview imageDevOps
by Anurag Srivastava,Jun 26, 2018, 4:50:18 PM | 4 minutes |

I have already discussed the automated code deployment using Jenkins in my previous blogs but here I am going to explain to you the process of creating an Angular build and deploying it on the server using ssh/scp through a python script. Python is a language that can be used to solve many problems and this blog is just to explain how using a Python script, we can create an Angular build and deploy it to a remote server.

The script in this blog can be optimized but I have elaborated it in order to explain different aspects like creating zip, copy to a remote location and then move it from copied location to actual webroot location on the server from your machine.

For achieving this we need to import some python libraries like os for operating system commands, subprocess for executing the shell commands from Python, paramiko for creating ssh client and SCP client to perform remote file copy using SCP.

So let's create the script which will do following:

  • Create an Angular build on a built path.
  • Zip the build before sending it to the server.
  • Create the SSH client and connect to the server.
  • Create the SCP client and send the zip to the remote server.
  • SSH to the server and move to the destination directory.
  • Unzip the build directory zip.
  • Copy it from destination directory to webroot directory.
  • In case of any issue print the error message.
  • Close the ssh connection.


So as we are clear what to do let us jump into the Python code. So as I have already discussed import the libraries by writing the following lines of code:

import os
import subprocess as sp
import paramiko
from scp import SCPClient


Create the configuration for server, username, password, local build path, source file path, destination file path, and destination web root:

SERVER = '192.168.XX.XX'
user = 'user'
passwd = 'your_password'
buildFilePath = '/var/www/html/code_directory/'
sourceFilePath = buildFilePath+'dist.zip'
destinationFilePath = '/var/tmp/'
destinationWebRoot = '/var/www/html/test/'

In above code SERVER is the remote server where we are going to deploy the angular build, user and passwd is the server credential, buildFilePath is the directory where angular source code is available, sourceFilePath is the path we will use after creating the build inside buildFilePath, destinationFilePath is remote server location where we will copy the zipped angular build and destinationWebRoot is the remote server location where finally this angular code will be deployed.

Now create the build and zip it before copying to the remote location:

os.chdir(buildFilePath)
sp.call("ng build",shell=True )
sp.call("zip -r dist.zip dist",shell=True )


Now our build is ready to create the ssh client and connect to the remote server.

ssh_client=paramiko.SSHClient()
ssh_client.set_missing_host_key_policy(paramiko.AutoAddPolicy())
ssh_client.connect(hostname=SERVER,username=user,password=passwd)

After creating the ssh client create the SCP client and remotely copy the angular built zip directory to the destination file path of remote server.

with SCPClient(ssh_client.get_transport()) as scp:
scp.put(sourceFilePath, destinationFilePath)

Now SSH to the remote server, move to the destination file path, unzip the angular built and copy it to the destination web root location.

ssh_client.exec_command('cd '+destinationFilePath)
ssh_client.exec_command('unzip '+destinationFilePath+'dist.zip -d '+destinationFilePath)
stdin, stdout, stderr =  ssh_client.exec_command('cp -a '+destinationFilePath+'dist/* '+destinationWebRoot)
print("stderr: ", stderr.readlines())
print("pwd: ", stdout.readlines())

In the end, close the ssh connection.

ssh_client.close()


In this way, we can automate the angular built creation and deployment process using Python script. We can customize this script as per our requirement.

You can get the code on my Github link: https://github.com/anubioinfo/build_and_deploy_angular_code/blob/master/angular_build_deploy.py

In case of any doubt please leave your comments. You can also follow me on Twitter:https://twitter.com/anubioinfo



Comments (1)

  • user image
    Navin Kholikov
    Oct 2, 2018, 2:37:16 PM

    Hi mr. Anurag Srivastava. How can I build and deploy angular project using atlassian bamboo? Help me please !

Leave a comment

Related Blogs

preview thumbnail
Introduction to Logstash

Dec 20, 2019, 11:38:31 AM | Anurag Srivastava

preview thumbnail
Importing MongoDB data into Elasticsearch

Mar 9, 2019, 8:20:38 AM | Anurag Srivastava

preview thumbnail
Importing MySQL data into Elasticsearch

Feb 9, 2019, 12:06:18 PM | Anurag Srivastava

preview thumbnail
Snapshot and Restore Elasticsearch Indices

Sep 16, 2019, 5:55:06 AM | Anurag Srivastava

preview thumbnail
Log analysis with Elastic stack

Jan 31, 2018, 6:11:29 AM | Anurag Srivastava

preview thumbnail
Creating Elasticsearch Cluster

Apr 6, 2019, 8:41:41 PM | Anurag Srivastava

Top Blogs

preview thumbnail
Configure SonarQube Scanner with Jenkins

Jun 21, 2018, 4:58:11 AM | Anurag Srivastava

preview thumbnail
Execute Commands on Remote Machines using sshpass

Jul 16, 2018, 5:00:02 PM | Anurag Srivastava

preview thumbnail
Importing MongoDB data into Elasticsearch

Mar 9, 2019, 8:20:38 AM | Anurag Srivastava

preview thumbnail
Importing MySQL data into Elasticsearch

Feb 9, 2019, 12:06:18 PM | Anurag Srivastava

preview thumbnail
Configure Jenkins for Automated Code Deployment

Jun 13, 2018, 3:44:01 PM | Anurag Srivastava

preview thumbnail
Deploying Angular code using Python script

Jun 26, 2018, 4:50:18 PM | Anurag Srivastava