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
Serving ember-cli App index.html From Backend Server - Breaks Ember Routes Ember CLI	6	2111	October 25, 2015
Using ember-cli with a subdomain-based API Ember CLI	5	3280	March 27, 2015
How to integrate ember CLI with ASP.Net Application? Ember CLI	2	3951	May 10, 2016
Deployment of ember frontend with rails backend Ember CLI	2	731	September 21, 2021
Is there a way to serve ember app on a sub-directory by using ember-cli? Ember CLI	1	2645	March 22, 2015

Using Ember behind a reverse proxy

Related topics