Skip to main content

Posts

Showing posts from 2020

how to redirect http request to https in application load balancer at aws

Why we want to do this - Means redirection of HTTP to https or non-www version to https://www version. 
It's really helpful for SEO and the search engine has only one copy of your website. Otherwise, what happen Google/other search engine bots treat your website as a different website.
So I am assuming that you have already had an AWS account and you have a running instance in it and your website already configured on Route 53 if not then you do it by yourself if you have any questions then you can write in the comment box. 
Steps for Redirection of an HTTP request to HTTPS in Application Load Balancer at AWS

Create an SSL certificate or use your own certificate in Certificate manager/IAM (it is required for application load balancer)Create an application load balancer Configure security group (skips if its already open)Configure port 80 to redirection to 443 Set new DNS to your Route 53 

First log in to AWS Account and Go to EC2 Instance and > Load BalancerClick on Create Load Bala…

Best Practice for css naming conventions and BEM rules

The Block, Element, Modifier methodology (commonly referred to as BEM) is a popular naming convention for classes in HTML and CSS. Developed by the team at Yandex, its goal is to help developers better understand the relationship between the HTML and CSS in a given project.Here’s an example of what a CSS developer writing in the BEM style might write:/* Block component */.btn{}/* Element that depends upon the block */.btn__price{}/* Modifier that changes the style of the block */.btn--orange{}.btn--big{}In this CSS methodology a block is a top-level abstraction of a new component, for example, a button: .btn { }. This block should be thought of as a parent. Child items, or elements, can be placed inside and these are denoted by two underscores following the name of the block like .btn__price { }. Finally, modifiers can manipulate the block so that we can theme or style that particular component without inflicting changes on a completely unrelated module. This is done by appending two …

BlogPosting Schema Markup to Blog Posts

AWS FREE Tier FAQs

WS Free Tier FAQs
Q: What is the AWS Free Tier?
The AWS Free Tier provides customers the ability to explore and try out AWS services free of charge up to specified limits for each service. The Free Tier is comprised of three different types of offerings, a 12-month Free Tier, an Always Free offer, and short term trials. Services with a 12-month Free Tier allow customers to use the product for free up to specified limits for one year from the date the account was created. Services with an Always Free offer allow customers to use the product for free up to specified limits as long as they are an AWS customer. Services with a short term trial are free to use for a specified period of time or up to a one-time limit depending on the service selected. Details on the limits and services provided for free are detailed in each card on the Free Tier page. If your application use exceeds the free tier limits, you simply pay standard, pay-as-you-go service rates (see each service page for full pric…

How to determine the size of MySQL databases and tables

SELECT table_schema AS "Database",
ROUND(SUM(data_length + index_length) / 1024 / 1024, 2) AS "Size (MB)"
FROM information_schema.TABLES
GROUP BY table_schema;To determine the sizes of all of the tables in a specific database, at the mysql> prompt, type the following command. Replace database_name with the name of the database that you want to check:SELECT table_name AS "Table", ROUND(((data_length + index_length) / 1024 / 1024), 2) AS "Size (MB)" FROM information_schema.TABLES WHERE table_schema = "database_name" ORDER BY (data_length + index_length) DESC;

Why we create separate model for request and response in rest api

We take separate model for request and response these are basically from UI point of view. Suppose we get the data from end user like : firstName, lastName, email, password.

We get this data in JSON formate so we have to convert this JSON object to java object for that we create a separate model object in the package ui.model.request. and it will also used by spring framework to convert JSON object to Java object.

Once we persist the data then we get some response back but in that response we. have like pkId of table but we don't want to send this in our response so we can't use a single entity that we used to perisit our data. So we create a new package with ui.model.response and we will copy that required fields and this will used to convert from Java object to JSON and it will be sent back to spring framework





Here incoming request like from end user






Now this incoming request received by method called createUser(); and @RequestBody annotation will take this request as JSON …

Angular 9 ngForm, ngNoForm and Template Reference Variables

What is Angular NgForm

It's simply a directive exported from FormsModule which gets automatically added to all <form> tags in your Angular templates once you import the module.

Behind the curtains, the ngForm directive creates a top-level FormGroup instance and binds it to your <form> tag to enable you to work with the form. For example to access the aggregate form value or check validation status.
How to Access Angular NgForm Using Template Reference Variables

Since the ngForm directive is implicitly added in your <form> tag when you import its parent module (FormsModule) in your application, you don't need to do any configuration to start working with template-based forms.

You can simply get a reference to your form' ngForm directive by exporting it into a local template variable and by using the ngForm directive as the value of the variable (#myForm=ngForm).

Using Angular ngNoForm If you you want to import FormsModule in your application but want to skip …

how to add angular material in angular 9

Step 1: First go to the project (inside the project folder) run the following command.

Mukeshs-MacBook-Air:angular-matrial-project mukeshchoudhary$ ng add @angular/material ?Would you like to share anonymous usage data about this project with the Angular Team at Google under Google’s Privacy Policy at https://policies.google.com/privacy? For more details and how to change this setting, see http://angular.io/analytics.Yes
Thank you for sharing anonymous usage data. Would you change your mind, the following command will disable this feature entirely:
ng analytics project off
Installing packages for tooling via npm. Installed packages for tooling via npm. ?Choose a prebuilt theme name, or "custom" for a custom theme:Indigo/Pink[ Preview: https://material.angular.io?theme=indigo-pink ] ?Set up global Angular Material typography styles?Yes ?Set up browser animations for Angular Material?Yes UPDATE package.json (1364 bytes) ✔ Packages installed successfully. UPDATE src/app/app.module.ts (502 by…

how to create first angular project

Steps 1 : First Go to your destination folder where you want to create a project :

Step 2: Then run the below command : ng new name_of_project

Mukeshs-MacBook-Air:ANGULAR-MATRIAL mukeshchoudhary$ ng new angular-matrial-project
?Would you like to add Angular routing?Yes ?Which stylesheet format would you like to use?CSS CREATE angular-matrial-project/README.md (1038 bytes) CREATE angular-matrial-project/.editorconfig (246 bytes) CREATE angular-matrial-project/.gitignore (631 bytes) CREATE angular-matrial-project/angular.json (3703 bytes) CREATE angular-matrial-project/package.json (1300 bytes) CREATE angular-matrial-project/tsconfig.json (489 bytes) CREATE angular-matrial-project/tslint.json (1953 bytes) CREATE angular-matrial-project/browserslist (429 bytes) CREATE angular-matrial-project/karma.conf.js (1035 bytes) CREATE angular-matrial-project/tsconfig.app.json (210 bytes) CREATE angular-matrial-project/tsconfig.spec.json (270 bytes) CREATE angular-matrial-project/src/favicon.ico (948 bytes) CREA…

how to share your existing project to AWS code commit.

Step 1: First Create a Local Repository in Eclipse by Opening Git Repositories Tabs or Perspective
Right Click on

Step 2: Go to AWS Codecommit and create a folder or repository there and clone https URL from there.


Now Past this URL in step first.

While pasting it will ask for username and password for that you need to create a IAM user and need to assign a role to user and then you have to create creational for him.

Now you local repos and remote repo is ready.

Step 3: Now go to your project and right-click and in team section click on Share Project > Git > Next >. Choose Your Repository from Local Machine. > Finish.


Step 4: Now right-click on Project > Team> Add to Index.

Step 5 : Now right-click on Project > Team > Commit > Choose files and Click on Commit and Push.





How do I allow access to an Amazon S3 bucket only from a CloudFront distribution?

Step 1: Frist login into your account and create a bucket in s3 like cloud.example.com
Step 2 : Go to CloudFront Service

Amazon CloudFront Getting Started Either your search returned no results, or you do not have any distributions. Click the button below to create a new CloudFront distribution. A distribution allows you to distribute content using a worldwide network of edge locations that provide low latency and high data transfer speeds (learn more) Create Distribution

Now click on Create Distribution and you have to choose Web Distribution from Below


Select a delivery method for your content. Web Create a web distribution if you want to:
Speed up distribution of static and dynamic content, for example, .html, .css, .php, and graphics files.Distribute media files using HTTP or HTTPS.Add, update, or delete objects, and submit data from web forms.Use live streaming to stream an event in real time. You store your files in an origin - either an Amazon S3 bucket or a web server. After yo…