Hash fragments and browser redirects

Our single page web application has hundreds of routes configured using the fragment identifier #(hash) like:

Now we had to integrate a feature in which the customers will be sent alert mails about the new bills generated, new customers enrolled, pending actions etc and the mail will contain the URL to those actions like

This worked fine if the user was already logged in and a simple click on the email link, her bill would appear.

The trouble happened when the user wasn’t logged in. Why? Our application uses a third party (SPRING SECURITY BASED) authentication service in which the user is first redirected to http://someauthdomain?continue=http://example.com#bills/1 & then http://someauthdomain/login.html?continue=http://example.com#bills/1 & then after user enters the correct id/password, the user is redirected to http://example.com#bills/1.

So we thought enough is enough, lets change our routes to something more simpler(fancy!) http://example.com/bills/1, this turned out to be a nightmare as well because this would require our web server to serve the single html page on these 100s of urls, mind you there are 20 other HTML pages for different purposes in our application as well.

In this HTML we only had to write this to set the # in the URL:

This approach is shady to be honest but it avoids a lot of code changes & browser compatibility problems & in the end WORKS FOR US.

Disclaimer: example.com & someauthdomain are only used for illustration purpose only.

Related posts:

Shame can isolate you. It can also hold you back from reaching out for help. Here are five tips to help when you are feeling shame because of addiction.

React JS adalah sebuah pustaka javascript yang dibuat oleh facebook, ia bukan sebuah framework MVC. React JS bersifat composable user interface yang berarti pengguna bisa membuat berbagai UI dan…

Black and white wall art can bring a minimalist and sophisticated touch to your bedroom. By embracing a monochromatic color scheme, you create a serene and calming atmosphere that promotes relaxation…