Marionette.js + Backbone.js detect invalid route and trigger function

Asked Dec 06 '16 at 13:25

Active Dec 06 '16 at 13:31

Viewed 94 times

I have built a web application using Marionette.js which is basically a wrapper around Backbone.js.

Problem Statement: I would like to detect invalid routes / URLs and trigger a function that redirects to 404 page.

What I've tried:

Hack #1

add an *invalid mapping to one of the controllers of my application as suggested.

Problem with this approach:

Not a good and maintainable solution since I have multiple apps with multiple controllers and just randomly adding invalid mapping to any of the controller doesn't sound a resonable solution.

Code: invalidPageModule + application.js

Hack #2

Extend History API with this method but my Marionette infused application does not seem to work on this solution.

Further readings of official documentation of Marionette and Backbone does not explain the concept of how to correctly extend History API in Marionette Framework.

Following are some related questions on Stackoverflow but none of them explain in detail on how to achieve the required behavior. (Please note that I'm a beginner in Backbone / Marionette.)

edited Jun 20 '20 at 09:12

Community

asked Dec 06 '16 at 13:25

InamTaj

Try doing as done [here](https://github.com/STRML/backbone.routeNotFound/blob/master/backbone.routeNotFound.js) and listen to the event in your app – nikhil mehta Dec 09 '16 at 09:34
@nikhilmehta I have already tried this solution and it doesn't work. – InamTaj Dec 09 '16 at 11:10
What is the issue? – nikhil mehta Dec 09 '16 at 11:21
1

@InamTaj Take a look, there is [another way to extend `Backbone.History` here](http://stackoverflow.com/a/33155579/186787). Tested, worked for me. (Must admit I don't completely understand why one works and another one does not...) – MiKo Dec 09 '16 at 20:22
Thanks @0x2D9A3 It worked.! – InamTaj Dec 14 '16 at 11:22

Marionette.js + Backbone.js detect invalid route and trigger function

0 Answers0