Jump to content

How manage routing in CEF browser ?


Recommended Posts


I'm working on the UI side of my server. I use Angular 5 and Bootstrap.

I'm able to display my Angular application in the game when I display the index.html in the CEF browser:

mp.events.add("Login_Show", () => {
    loginCef = mp.browsers.new("package://myComponent/dist/index.html");

My problem comes from the routing. When I want to display another page (e.g. login), I should use the Angular routing:

mp.events.add("Login_Show", () => {
    loginCef = mp.browsers.new("package://myComponent/dist/login");

When I use that, I have a 404 because the RageMP http server try to find the folder/index.html (e.g. /login/index.html).
So I tried with a .htaccess (according the Angular documentation) to rewrite the index.html rule, but it doesn't work...

My question is: How can I manage the routing to be able to display the login page of my Angular application ?

Thanks for your help :).



Link to comment
Share on other sites

Hi back,

The solution was quite simple. The idea is to use the hash (#) in the Angular route.
Here is the Angular documentation about this topic.
Thanks @Pron 👑 for his help :).

app-routing.module.ts (Angular routing module):

  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
export class AppRoutingModule {}


mp.events.add("Login_Show", (defaultLogin) => {
    var url = `${baseUrl}login/${defaultLogin}`;
    loginCef = mp.browsers.new(url);

Server side (C#):

public void OnShowCommand(Client client, string command)
  NAPI.ClientEvent.TriggerClientEvent(client, "Login_Show", "DefaultLoginFromServer");

Note that it is a temporary ugly debugging code, but it can give a good idea about how do it correctly.



  • Like 3
Link to comment
Share on other sites

  • 4 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...