Improve the App - Customize White-label Error Page

Spring Boot: Build Your Website Real Quick Micro-Service With Spring Boot
16 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€93.87
List Price:  €131.42
You save:  €37.55
£81.12
List Price:  £113.58
You save:  £32.45
CA$137.18
List Price:  CA$192.06
You save:  CA$54.87
A$155.31
List Price:  A$217.44
You save:  A$62.13
S$136.23
List Price:  S$190.73
You save:  S$54.50
HK$783.54
List Price:  HK$1,096.98
You save:  HK$313.44
CHF 91.15
List Price:  CHF 127.61
You save:  CHF 36.46
NOK kr1,099.95
List Price:  NOK kr1,539.98
You save:  NOK kr440.02
DKK kr700.47
List Price:  DKK kr980.69
You save:  DKK kr280.21
NZ$169.19
List Price:  NZ$236.88
You save:  NZ$67.68
د.إ367.23
List Price:  د.إ514.14
You save:  د.إ146.90
৳10,966.71
List Price:  ৳15,353.84
You save:  ৳4,387.12
₹8,335.60
List Price:  ₹11,670.18
You save:  ₹3,334.57
RM477.75
List Price:  RM668.87
You save:  RM191.12
₦129,687.03
List Price:  ₦181,567.03
You save:  ₦51,880
₨27,809.84
List Price:  ₨38,934.89
You save:  ₨11,125.05
฿3,699.53
List Price:  ฿5,179.49
You save:  ฿1,479.96
₺3,253.91
List Price:  ₺4,555.61
You save:  ₺1,301.69
B$520.72
List Price:  B$729.03
You save:  B$208.31
R1,908.44
List Price:  R2,671.90
You save:  R763.45
Лв183.62
List Price:  Лв257.07
You save:  Лв73.45
₩137,876.14
List Price:  ₩193,032.11
You save:  ₩55,155.97
₪375.46
List Price:  ₪525.66
You save:  ₪150.20
₱5,749.22
List Price:  ₱8,049.14
You save:  ₱2,299.92
¥15,473.86
List Price:  ¥21,664.03
You save:  ¥6,190.16
MX$1,704.86
List Price:  MX$2,386.88
You save:  MX$682.01
QR364.60
List Price:  QR510.46
You save:  QR145.85
P1,387.89
List Price:  P1,943.11
You save:  P555.21
KSh13,348.66
List Price:  KSh18,688.66
You save:  KSh5,340
E£4,815.06
List Price:  E£6,741.28
You save:  E£1,926.22
ብር5,677.79
List Price:  ብር7,949.13
You save:  ብር2,271.34
Kz83,552.47
List Price:  Kz116,976.81
You save:  Kz33,424.33
CLP$95,916.40
List Price:  CLP$134,286.80
You save:  CLP$38,370.40
CN¥724.24
List Price:  CN¥1,013.97
You save:  CN¥289.72
RD$5,896.78
List Price:  RD$8,255.72
You save:  RD$2,358.94
DA13,474.35
List Price:  DA18,864.63
You save:  DA5,390.28
FJ$227.30
List Price:  FJ$318.23
You save:  FJ$90.93
Q777.19
List Price:  Q1,088.10
You save:  Q310.90
GY$20,906.69
List Price:  GY$29,270.20
You save:  GY$8,363.51
ISK kr14,110.58
List Price:  ISK kr19,755.38
You save:  ISK kr5,644.80
DH1,012.31
List Price:  DH1,417.28
You save:  DH404.96
L1,784.74
List Price:  L2,498.71
You save:  L713.97
ден5,778.05
List Price:  ден8,089.50
You save:  ден2,311.45
MOP$806.20
List Price:  MOP$1,128.72
You save:  MOP$322.51
N$1,920.04
List Price:  N$2,688.13
You save:  N$768.09
C$3,678.13
List Price:  C$5,149.53
You save:  C$1,471.39
रु13,346.54
List Price:  रु18,685.70
You save:  रु5,339.15
S/372.84
List Price:  S/521.99
You save:  S/149.15
K379.72
List Price:  K531.63
You save:  K151.90
SAR375.05
List Price:  SAR525.09
You save:  SAR150.03
ZK2,565.63
List Price:  ZK3,591.99
You save:  ZK1,026.35
L467.14
List Price:  L654.02
You save:  L186.87
Kč2,372.43
List Price:  Kč3,321.50
You save:  Kč949.06
Ft37,010.78
List Price:  Ft51,816.58
You save:  Ft14,805.79
SEK kr1,089.15
List Price:  SEK kr1,524.86
You save:  SEK kr435.70
ARS$87,115.87
List Price:  ARS$121,965.71
You save:  ARS$34,849.83
Bs691.97
List Price:  Bs968.79
You save:  Bs276.81
COP$392,689.60
List Price:  COP$549,781.15
You save:  COP$157,091.54
₡50,183.20
List Price:  ₡70,258.49
You save:  ₡20,075.28
L2,467.01
List Price:  L3,453.92
You save:  L986.90
₲739,276.32
List Price:  ₲1,035,016.43
You save:  ₲295,740.10
$U3,839.04
List Price:  $U5,374.81
You save:  $U1,535.77
zł405.30
List Price:  zł567.43
You save:  zł162.13
Already have an account? Log In

Transcript

Hey there, welcome back friends, let's continue. So here is the app, take a note of the URL. The app, the Store app is on the URL localhost colon 80821. And when we click on the samsung link, it simply receives the field from the Samsung app and displays it. As of now, when we click on Apple, it shows edit, we will fix this in this video here. When we navigate to this yet another app, yet another macro service.

Then here we have this localhost colon 8082 link, and that the URL mapping is slash Samsung slash devices, which displays us gives us a JSON response. Good enough nice, no problem. Whereas you also have this apple app now. So I have built this apple app, which is definitely similar to the Samsung app, I will show you in just a minute. And this also gives us a list of product, and also the brand name as Apple. So now for example, I open up.

So here we also have this option. If we click on window, we have these two apps, which are currently running Apple and Samsung, we can switch over apps. We will talk about Apple now. Let me minimize this. So this app is very simple. Let me show you.

Here we again have let me format things a little typical. Here. Again, we have this spring application dot run method, which is running the application. We have this apple resource where we are simply creating a hard coded list and returning the list of devices. Now friends, we are not worrying about connecting with the database and doing all the JDBC stuff. Those the stuff is already covered.

In this course, you can definitely create a database table, then connect this app with the database table and fetch the information. Indeed, that would be better for you as well. Try to implement the database business logic for this app, that would be a good practice for you. All right, moving forward. Again, we have this list of Apple products, which we return for slash Apple slash devices, URL mapping, very standard stuff. And in order to accommodate devices and device we have model so in device we have a vote in device we have name after product and type of the product and under devices, we simply have a list of devices.

Alright, so this is the standard stuff of which we have built. This is, in fact, a copy of Samsung application indeed, with some small little tweaks. Alright, so here we go. No provided that the Two applications are running simultaneously we have this link, we will move forward and try to fix this apple link. Alright. And we will also try to update this view this view as, like terrible, doesn't look good.

So we will fix this as well. So here we go. We open sts where we have implemented the Store app. This is just an ID, you can, again, use IntelliJ for a developing Store app again, that's up to you any ID, whatever IDE you want to use, you can use it but IntelliJ via developing microservices intelligence code. Alright, nevertheless, here we have vetted this request mapping method. What we can do, we can simply copy this and paste it in here.

And here in place of Samsung, we can type an apple. Here we go. And the name of the method would be apple. Again, name of the view would be Apple again and here we can hard code the link. Let me show you the link for Apple devices Here is the link localhost colon 8083. Apple devices.

Let me also show you I have also updated the application dot properties and given the port as 8083. So here is the what Here is the link, I can hard code the link here and paste it. Now isn't this a bad idea? Because we are in fact doing the same stuff of it minor tweaks in these two methods, it is not a very good idea, we can handle both of these things into our single method itself. That is one thing and by doing that, we can reduce the some kind of redundancy so it is always good to reduce the redundancy You may question one thing, you may question one thing that in our store app we have model, let me show you where we have device and devices. So these two methods, pardon me, these two classes, device and devices are redundant classes.

If you see device and devices right under Samsung app, let me show the Apple App, device and devices. So we have redundancy when it comes to micro services. But when it comes to micro services, it is a good idea to have redundant classes because later down the line for example, we wish to make use of different properties or limited properties we can do. So when it comes to redundancy and the microservices that is allowed, but when it comes to a tendency, within independent application, that is not a good idea. So we will reduce the redundancy of this method from here and People do something special. So, here first of all, we will receive brand name rather than Samsung directly.

So, it would be like brand name and here we are taking this as a variable right. Then here we will make use of path Param path Param is what path Param is plant name and the field will create a string object by the name of plant name again And here what we will do? We will create a switch case and the key the key would be brand name right and the first would be Samsung. Right and We will create a yet another case as of now, I am not implementing the business logic of the case I am simply creating the cases. Give me some time I have also implemented the business logic just in a minute. And in the default case in the default case, we will forward the request we will forward the request to the error page rather, it would be better good to create a jet another method for handling all the error related stuff.

So, it would be like a request mapping and mapping would be based on error. So, whenever there is any kind of error this this particular mapping will be automatically loaded but in our default, what we say in our default case we will redirect it. Nevertheless, having a error method is always a good idea. So, it would be like public return type would be model and view name would be added Here we go. And let us quickly create couple of objects. So it would be like model and view, model and view equals new model and view and view Phil give an edit page.

So it would be like error and we will simply return model and view and here the Add symbol is missing all right. So now let us quickly navigate to view and let us create the error page JSP file error dot JSP and it would be like address and message would be something went wrong. All right, this looks good. All right. And let us navigate to storage dot java file. And here we have these two cases cool enough and that there is one issue we need to also convert this value to lowercase that would be important to lowercase.

This looks good. And now let me simply copy. In fact, let me simply cut this information and paste it for Samson case. And here, as we are returning the model and view we need not to worry about breaking the case. So we will simply get rid of it. All right case Samsung model and view everything good enough that we copy the entire part.

Let me paste it for Apple two. And here we are making use of redundant name. So what we can do, we can do one small little thing we can bring these two variables or objects model and view and rest outside outside the switch and case that would be rather better, right? So it would be like let me copy this and paste it in here. And here we'll make use of model and view only This looks good. Likewise, we will do the same with the rest template.

So, we will create two references for the template and model and view and to do we have to do it for devices as well. Well we have to, so let us quickly to that as well. So it would be like this in both of the cases. Alright. So we are like removing the redundancy that is much better because here we are creating a more efficient program rather than using multiple things. All right.

Now we have these two cases. Definitely good enough. But for the default case for default, we need to redirect to this URL mapping which is slash edit, how to handle it very simple. Here we will do what we will return first of all And we will return a new object of model and view type. And we will give something special in here. Follow me redirect colon, and then we will gift you RL.

So this is the syntax, how easily we can read edit stuff. And it would be like slash errors. And we are done. And this will also fix the error. So this is the thing this is cool, this is nice. The only thing which is left is the hard coded URL.

And here we can easily make out that we were making a mistake here we need to fix this hard coded URL. So whenever we go with the hard coded URL, there could be a scope of error and it is not a good thing, but we will fix it in our next video. As of now the length of the video is pretty high so before to be able to fix it in this video, but we will fix it soon. Now friends, it seems that we Done. But we are not, for example, we try to run this application that would be an error, our application will simply crash. The reason being, we are trying to handle this error mapping and somehow we can't handle the error mapping without disabling the default is spring error handling.

So in here, in this particular application or property file, we need to add this property which is server dot error dot white label dot enabled equals false. All right, now again, let us navigate to our controller. Now since this controller has this error mapping, which is okay, but this is not okay, why because the placement of this error, but we say request mapping is not correct. why I'm saying So, because of this method in place, our application will still throw an error what is a solution? solution is rather very simple. Let me quickly navigate in here And here what we will do we will create a new controller.

So, we will add a new class. And indeed here we have given the packages a store which is okay not too very cool name for the package but All right, let's go with the same package name again, we will give the name of the class as error controller. And this will implement an interface let me add this interface and the name of the interface is error controller. Here we go. So we need to override couple of methods from here. And the method is this this this part is very important we need to return we need to return the path for the error path and the path is very simple.

We know that right? So the path is slash error. And here finally, we need to add the method Which is here, let me get rid of this method. Let me cut the information from here. And let me paste it inside this error controller. Here we go.

And here we are making use of this view file, which is okay. And indeed, there is a new model, in fact, so we can like return the string here directly, and we can like get rid of this distal line again, and we can directly return error. That would be better. This will save us one statement. All right, alright, so this, this looks good to me. And let me get rid of the unrequired imports.

And now this time around, our application should run if we haven't forgot anything. Alright, so this is running perfectly and then now we also have a custom error page. It is important to understand these small little things. These are And the greatest stuff. So in this video, we have understood two things, how to redirect using model and view and how to give a custom error page and we have modified stuff a little we have enhanced, we have enhanced our application. So now let us quickly test our application.

So here is our original application store application. Let me click on Samsung, something went wrong. So that is some kind of error. Let us check by clicking on Apple, something went wrong again. Now, there is one small little but a very good thing that our error handler our custom error handler is working perfectly, but there is some kind of issue Let me check and the issue is with this annotation path Param now friends, remember this whenever we are making use of a rest controller, use path Param whenever we are making use of controller or spring MVC use PATH variable. So, this is an important thing to remember this, this is the annotation which needs to be used whenever we are making use of what whenever we are making use of spring MVC.

Alright, so small little thing but even I forgot that small little thing but important too. All right. So let me stop the web server. Let me rerun this and it should run then. And in our next video, we will also work on the view of this, this particular output. So we will work on the view for a dis pages where we are reading the response from the microservices.

So that is coming up in our next video. All right, so this is it for today's video. I hope you guys enjoyed this video. Thanks for watching. Have a nice day and take care

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.