Как пропустить пуст к роуту /en /ru Angular 2+?

Question

[sdgroup14]

Всем привет. Прошу прощения если не правильно сформулировал вопрос. Но аже не знаю как это правильно именуется терминами :). Есть проект. Есть страницы, допустим 'domain.com/news/atricle12312'. обычно я пишу так:

{
    path: 'main',
    loadChildren: './pages/main/main.module#MainModule'
  },
  {
    path: 'news',
    loadChildren: './pages/news/news.module#NewsModule'
  },
  {
    path: 'confirmation',
    component: ConfirmationComponent
  },
  {
    path: '404',
    component: PageNotFoundComponent
  },
  {
    path: '',
    redirectTo: '/main',
    pathMatch: 'full'
  },
  {
    path: '**',
    redirectTo: '/404',
    pathMatch: 'full'
  }

];

Но задача такова. что после домена юзер через слеш может дописать язык 'domain.com/ru/news/atricle12312'
как мне сделать так, чтобы меня после ru не кидало на 404. А чтоб я смог разпарсить урл забрать 'ru'. И как сделать так что если ты вписал 'ru' то забрать его значение - в сервисе указать новый дефолтный язык и чтоб url стал 'domain.com/news/atricle12312' но с русским языком. Еще раз прошу прощение если не так сформулировал, но идея должна быть ясна

Answer 1

[Ivan Stroykin]

Накидал мини пример, надеюсь концепция будет ясна - ссылка
Если язык не найден, то выкидываем на страницу 404, в данном примере просто вывожу в информацию в консоль

Comments

[sdgroup14]

А как вернутьсяна предыдущий роут? это мне нужно получается часть урла запомнить? или из всего урла исключить en ru? Просто вы указали редирект бриф. Но идею я понял. А нельзя ли без редиректов? Сразу распарсить урл забрать язык и удалить чать урла? Или так как вы написали это и есть лучшее решениее в данной задаче?

[Ivan Stroykin]

sdgroup14, ой, я оказывается забыл заменить заглушку. Ну да, нужно взять путь, убрать lang и перейти по новому.

А нельзя ли без редиректов? Сразу распарсить урл забрать язык и удалить чать урла?

Если у вас на странице точно не будет ссылок, которые имеют в пути параметр :lang, тогда целесообразно будет перенести данную логику на момент инициализации приложения (APP_INITIALIZER).

[sdgroup14]

И если откинуть все редирект а просто сделать по языками? мне просто делать :lang/brif :lang/main и мне в этой ситуации просто разбивать урл?

[sdgroup14]

Ivan Stroykin, Вот вот... я об этом :)

[Ivan Stroykin]

sdgroup14, имеете в виду, если оставить в пути :lang? Тогда всё еще проще. Нужно всего лишь прописать :lang в качестве родителя:

{
    path: ':lang', children: [
      { path: '', loadChildren: './+home/home.module#HomeModule' },
      { path: 'blog', loadChildren: './+blog/blog.module#BlogModule' },
    ]
  }

[sdgroup14]

Ivan Stroykin, ага. спс вам большое ) вы мне сегодня целый день помогаете :)

[sdgroup14]

Ivan Stroykin, вот только попробовал, и если я пишу localhost:4200/blog он мне показывает HomeModule)))))))))))))) так как первый сегмент это язык))) а localhost:4200/blog/blog это Сам блог)

[sdgroup14]

Ivan Stroykin, т.е. там обязательно должен быть параметр

[Ivan Stroykin]

sdgroup14, Вы как пишите?
Вот для такой конструкции:

{
  path: ':lang', children: [
    { path: '', loadChildren: './+home/home.module#HomeModule' },
    { path: 'blog', loadChildren: './+blog/blog.module#BlogModule' },
  ]
}

Адрес всегда должен быть с :lang, то есть:
/ru/blog
/en/blog
Чтобы в адресе не было ru/en, нужно воспользоваться вариантом построения который указан в примере по ссылке которую я оставлял в родительском ответе

[sdgroup14]

вот я и надеялся что можно будет просто /blog первый вариант не подходит с удалением. Это не обязательно.
Человек заходит на domain.com он попадает на русскую и на пустой path 'domain.com/'. Если чловек пропишет 'domain.com/en' ему должно изменится на en и 'domain.com/en' это тоже главная.. Если 'domain.com/blog' 'domain.com/en/blog' это одна и таже страница. Давайте опустим то что я сказал удалять с урла (в вашем варианте это был редирект). Просто получается без en он не попадет куда нужно... Нельзя ли указать не обязательный путь?

[Ivan Stroykin]

sdgroup14, так если :lang не был передан, определяйте его и выставляйте сами :)

[sdgroup14]

ну понятно! если пустое то я использую дефолтное значение но

{
  path: ':lang', children: [
    { path: '', loadChildren: './+home/home.module#HomeModule' },
    { path: 'blog', loadChildren: './+blog/blog.module#BlogModule' },
  ]
}

в данном случае при domain.com/blog я попаду HomeModule

[Ivan Stroykin]

sdgroup14, да, потому что "blog" - это будет значение параметра :lang
Возможно можно поискать пакеты, которые решают данную задачу. Можно глянуть у них готовое решение - ссылка. У них много полезного для мультиязычности

[sdgroup14]

Ivan Stroykin, смотри :), сорри что задолбал этим вопросом вот пример https://sofia-kiev.com.ua/
к примеру это будет новостной портал. Задача такова стоит. чисты домен - default lang = ru. https://sofia-kiev.com.ua/ru - редирект на https://sofia-kiev.com.ua/ и язык соответственно default lang = ru. https://sofia-kiev.com.ua/ua - так и остается и default lang = ua . но и соответсвенно можно делать https://sofia-kiev.com.ua/ua/news?id=12345 и https://sofia-kiev.com.ua/news?id=12345 . при выборе по языку на сайте я его буду в куки забивать и если поделиться статьей то до пустим у меня ru а поделятся ua - я должен себе сделать https://sofia-kiev.com.ua/news?id=12345 а если я не зареган то https://sofia-kiev.com.ua/ua/news?id=12345 так и остается. У меня уже крыша едит от этой задачи

[sdgroup14]

Ivan Stroykin, так же в этом примере это реализовано но только на бэке

[Ivan Stroykin]

sdgroup14, нужно получше подумать над тем, как должно быть. Потому что вот это вот "в такой случае есть параметр lang, а в таком случае его нету" - это не правильно. Сделайте один единый стандарт у себя. Это либо вообще не выводить параметр lang никогда. По сути все от него уже отходят. Достаточно определять значение из того что имеем от пользователя если он первый раз, если выбрал язык - храним его. Либо это вариант когда lang отображается всегда. Либо это когда lang можно передать в адресе, но в конце концов всё равно показывает без него, учитывая переданный язык. По мне, самый лучший вариант первый, кто работает SEO говорят, что лучше второй вариант, хотя я бы поспорил (ИМХО).
Всё должно быть прозрачно, как у вас в коде, так и пользователя.
Я посмотрел, думаю вам будет полезен вот этот пакет - ссылка, учитывая их пример:

mysite.com/about -> mysite.com/en/about

[sdgroup14]

Спасибо большое!

[Ivan Stroykin]

sdgroup14, Надеюсь я вам помог :)