Redirect URLs with specific pattern to same URL in subsite

Question

Update : By the help of answers, I am able to have this update. I want following expression in my .htaccess to be working . (Complete script of .htaccess is shared in question as well)

    RewriteCond %{REQUEST_URI} ((mypage2(/\d{4}-\d{2}-\d{2})?/\d{1,2}) |about-us)
    RewriteRule ^(.+)$ /subsite/#/$1 [R=301,NC]

Detail Of Question:

1. I have added angularjs subsite to an exsiting expressionengine php site.
2. subsite contains only three pages, which were very slow in existing website

3. I want htacces to redirect those three urls to new subsite urls e.g mydomain/page2/parameter1/parameter2 to mydomain/subsite/#/page2/parameter1/parameter2 and mydomain/page2/parameter1 to mydomain/subsite/#/page2/parameter1

4. (This is not compulsory) In subsite I want to clean up/manipulate Urls using history push state to show user mydomain/page2/parameter1/parameter2 instaed of mydomain/subsite/#/page2/parameter1/parameter2

My .htaccess is like

    RewriteEngine On
    RewriteBase /

    # Removes index.php from ExpressionEngine URLs
    RewriteCond %{THE_REQUEST} ^GET.*index\.php [NC]
    RewriteCond %{REQUEST_URI} !/system/.* [NC]
    RewriteRule (.*?)index\.php/*(.*) /$1$2 [R=301,NE,L]

    RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
    RewriteRule ^(.*)$ http://%1/$1 [R=301,L]

    # Directs all EE web requests through the site index file
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d       
    RewriteRule ^(.*)$ /index.php?/#/$1 [L,QSA]

Following is most wanted thing to me

    RewriteCond %{REQUEST_URI} ((mypage2(/\d{4}-\d{2}-\d{2})?/\d{1,2}) |about-us)
    RewriteRule ^(.+)$ /subsite/#/$1 [R=301,NC] ==> when url is like mypage2(/date optional)/pagenumber then redirect it to subsite/#/mypage2(/date optional)/pagenumber

Also this is optional, I can live if following is not achieved

In my routing.js I want to manipulate urls like

   $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams,
 fromState, fromParams, options, Data) { 
     var cleanUrl = window.location.toString().replace(subsite+'/#/', '');           
    window.history.pushState(null, null, cleanUrl);
    //alert("Yes this works, it shows me the required url in browser at this moment");
   //Here I am trying to clean the url
   //But after that it reloads, some unwanted redirection happens after it
});

Answer 1

Okay, Try with below rule,

RewriteEngine On
RewriteCond %{REQUEST_URI} ^!(aSpecialString2|aSpecialString1|/)
RewriteRule ^(.+)$ /#/$1 [R=301,NC]

Here you will not get the #/uri in url but you will get %23 html entity which will respond as same as # in url and your app will work.

And I am assuming you will get the way to work it out with angular.

Answer 2

You can use mod_rewrite and php in the server side to this task

---

Create an index.php

<?php
    if ( !empty($_GET['id']) ) {
      $protocol = 'http://';    
      if (!empty($_SERVER['HTTPS']) && ('on' == $_SERVER['HTTPS'])) {
         $protocol = 'https://';
      } 
      header('Location:' . $protocol . $_SERVER["HTTP_HOST"]. '/#/' . $_GET[id]);
      exit();
    }
?>
You html here

---

Add the following in your .htaccess

RewriteEngine On
RewriteBase /
RewriteRule "index.php"  - [L]
RewriteRule "^(.*)$"  "index.php?id=$1"

To bypass some urls aString1,aString2 you can use:

RewriteEngine On
RewriteBase /
RewriteRule "index.php"  - [L]

RewriteCond %{REQUEST_URI} !^(aString1) 
RewriteCond %{REQUEST_URI} !^(aString2) 
RewriteRule "^(.*)$"  "index.php?id=$1"

To bypass assets you can use:

RewriteEngine On
RewriteBase /
RewriteRule "index.php"  - [L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule "^(.*)$"  "index.php?id=$1"

---

Now, http://example.com/s1/s2 will redirect to http://example.com/#/s1/s2

Answer 3

You can use mod_rewrite and javascript snippet in the client side to this task

---

Add the following to .htaccess

RewriteEngine On
RewriteBase /
RewriteRule "^([^?#].*)$"  "/?$1" [R=301,NC]

---

Add following to main html

  <script>
  window.onload = function() {  
    location.hash = '/' + location.search.substr(1)  
  }
  </script>

---

Now, http://example.com/s1/s2 will redirect to http://example.com/?s1/s2#/s1/s2

Answer 4

As your question states clearly you only need your html client routes to always have # right after domain name, here is a simple way to achieve it

As you are asking this for angular, so its very easy in that case. Just paste following code in element of index.html

<script>
       var currentSitePageUrl = window.location.toString(); 
       if(currentSitePageUrl.indexOf('#/') == -1)
       {
           window.location = currentSitePageUrl.replace(yourDomainUrl+'#/')
       }
   }
</script>

Above will include # to each url request and rest of the url will stay as it is, but only when it is requesting some front-end page

Answer 5

If you have access to .htaccess on your server, you can modify it to work with the URLs in your code without inserting the #.

There are really 2 parts to this, one enabling HTML5Mode in your Angularjs app and 2 editing the .htaccess file on your server to deal with this successfully.

I don't PHP at all, but was able to get this working for several sites following this article: https://ngmilk.rocks/2015/03/09/angularjs-html5-mode-or-pretty-urls-on-apache-using-htaccess/#thecode

Answer 6

try this:

RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_URI} /(mypage2(/.*)|about-us)   # you used mypage2, so it will be redirected to subsite/#/mypage2
RewriteRule ^(.+)$ /subsite/#/$1 [R=301,NC]

# Removes index.php from ExpressionEngine URLs
RewriteCond %{THE_REQUEST} ^GET.*index\.php [NC]
RewriteCond %{REQUEST_URI} !/system/.* [NC]
RewriteRule (.*?)index\.php/*(.*) /$1$2 [R=301,NE,L]

RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]

# Directs all EE web requests through the site index file
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d       
RewriteRule ^(.*)$ /index.php?/#/$1 [L,QSA]

notice the comment of the first rule.

and you can try your rules in sites like this: http://htaccess.mwl.be/