Using Ember behind a reverse proxy

Lupestro · May 25, 2017, 11:12pm

I’m having a devil of a time setting up an Ember CLI client on an ASP.NET MVC server behind a reverse proxy in an IIS shop. We had been using Ember barefoot before, but now that I’m trying to live behind the superior capabilities of the CLI build, I’m having trouble finding my way through.

The paths of our URLs are in layers. I think somebody must have worked on telephone switches in a former life. The first three levels belong to the reverse proxy and deliver to the right web app. Then the next one or more levels belong to the server-side MVC and determine what set of client content is being delivered. Typically one of these is an Ember App and the others are Web APIs, but we might have a pure Razor page or two around the edges for non-client errors, unsupported browser, etc. For the pages that load an Ember CLI client, typically the default URL of the web app, the reason the customers went there , we want the client-side routing to sit on top of that URL, the only one we want the user to remember.

Hence, the three-part path in the browser when the Ember app starts isn’t a client route but a prefix. The second part of the path is the locale, so this prefix varies. So I have to convince Ember to treat the first three layers of the path, regardless of content, as the “/” route for the client-side routing . How do I do that? Is there a pattern I can give it?

(I have one other issue with delivering the static content from the dist directory through the service. I think I know the MVC routing pattern and route order I can use to deliver that, although can I get Akamai to dish all that up if I get MVC involved with static client app content? Eh. Separate matter.)

And finally - the reason this question is here rather than on StackOverflow - Am I thinking about this all wrong?

broerse · May 27, 2017, 5:34am

I think you need to use ember-cli-deploy and deploy 1 app with 3 index.html files. Each index.html with a different rootURL. I think you will have to create a deploy plug-in for this. I am changing robots.txt after the build the same way like this:

github.com

martinic/ember-cli-deploy-build-plus/blob/master/index.js#L26


      
              files.forEach(function(path) {
                fs.unlink(path, function(){});
              });
            }
          }
          
          
module.exports = {
            name: 'ember-cli-deploy-build-plus',
          
          
  // Cleanup env specific robots.txt
            postBuild: function(result) {
              cleanupRobotsTxt(result.directory);
            },
          
          
  // Pick env specific robots.txt
            treeForPublic: function() {
              var appEnv = this.app.env;
              if (process.env.DEPLOY_TARGET) {
                appEnv = process.env.DEPLOY_TARGET;
              }
              var publicFiles = new Funnel(this.app.trees.public);

Before writing your own plug-in I think you can also just deploy 3 times with a different rootURL for each environment.

Topic		Replies	Views
Route separation between backend and frontend	11	4492	June 18, 2013
Ember CLI, locationType: 'hash', and serving index.html for all URLs Ember CLI	0	1387	March 17, 2015
How to serve all routes on a production server exactly?	6	13939	March 7, 2016
Re-routing in a server-side rendered application Ember CLI	1	1035	November 28, 2015
Unable to serve ember-cli app with http-serve Ember CLI	4	667	March 21, 2018

Using Ember behind a reverse proxy

Related Topics