Configure graphql path

src/graphiql.example/Controllers/GraphQlController.cs

@@ -7,7 +7,7 @@
 
 namespace graphiql.example.Controllers
 {
-    [Route("graphql")]
+    [Route(Startup.GraphQLPath)]
     public class GraphQlController : Controller
     {
         [HttpPost]

src/graphiql.example/Startup.cs

@@ -1,18 +1,15 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Threading.Tasks;
-using Microsoft.AspNetCore.Builder;
+using Microsoft.AspNetCore.Builder;
 using Microsoft.AspNetCore.Hosting;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
-using Microsoft.Extensions.Options;
 
 namespace graphiql.example
 {
     public class Startup
     {
+        public const string GraphQLPath = "/api/graphql";
+
         public Startup(IConfiguration configuration)
         {
             Configuration = configuration;
@@ -29,7 +26,7 @@ public void ConfigureServices(IServiceCollection services)
         // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
         public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
         {
-            app.UseGraphiQl();
+            app.UseGraphiQl(); // /api/graphql
             app.UseMvc();
         }
     }

src/graphiql/GraphiQlExtensions.cs

@@ -1,5 +1,13 @@
 using System;
+using System.ComponentModel;
+using System.IO;
+using System.Linq;
+using System.Net.NetworkInformation;
 using System.Reflection;
+using System.Runtime.InteropServices.ComTypes;
+using System.Security.Cryptography;
+using System.Text;
+using System.Xml.Linq;
 using graphiql;
 using Microsoft.AspNetCore.StaticFiles;
 using Microsoft.Extensions.FileProviders;
@@ -8,9 +16,11 @@ namespace Microsoft.AspNetCore.Builder
 {
     public static class GraphiQlExtensions
     {
+        internal const string DefaultGraphQLPath = "/graphql";
+
         public static IApplicationBuilder UseGraphiQl(this IApplicationBuilder app)
         {
-            return UseGraphiQl(app, "/graphql");
+            return UseGraphiQl(app, DefaultGraphQLPath);
         }
 
         public static IApplicationBuilder UseGraphiQl(this IApplicationBuilder app, string path)
@@ -22,30 +32,60 @@ public static IApplicationBuilder UseGraphiQl(this IApplicationBuilder app, stri
             return UseGraphiQlImp(app, x => x.SetPath(path));
         }
 
-        private static IApplicationBuilder UseGraphiQlImp(this IApplicationBuilder app, Action<GraphiQlConfig> setConfig)
+        private static IApplicationBuilder UseGraphiQlImp(this IApplicationBuilder app,
+            Action<GraphiQlConfig> setConfig)
         {
             if (app == null)
                 throw new ArgumentNullException(nameof(app));
             if (setConfig == null)
                 throw new ArgumentNullException(nameof(setConfig));
-            
+
             var config = new GraphiQlConfig();
             setConfig(config);
 
-            var assembly = typeof(Microsoft.AspNetCore.Builder.GraphiQlExtensions).GetTypeInfo().Assembly;
-            string[] names = assembly.GetManifestResourceNames();
-
             var fileServerOptions = new FileServerOptions
             {
                 RequestPath = config.Path,
-                FileProvider = new EmbeddedFileProvider(assembly, "graphiql.assets"),
-                EnableDefaultFiles = true
+                FileProvider = GetFileProvider(config.Path),
+                EnableDefaultFiles = true,
+                StaticFileOptions = {ContentTypeProvider = new FileExtensionContentTypeProvider()}
             };
 
-            fileServerOptions.StaticFileOptions.ContentTypeProvider = new FileExtensionContentTypeProvider();
             app.UseFileServer(fileServerOptions);
 
             return app;
         }
+
+        private static IFileProvider GetFileProvider(string graphqlPath)
+        {
+            IFileProvider fileProvider;
+
+            var assembly = typeof(Microsoft.AspNetCore.Builder.GraphiQlExtensions).GetTypeInfo().Assembly;
+            var embeddedFileProvider = new EmbeddedFileProvider(assembly, "graphiql.assets");
+
+            if (graphqlPath.Equals(DefaultGraphQLPath, StringComparison.OrdinalIgnoreCase))
+            {
+                fileProvider = embeddedFileProvider;
+            }
+            else
+            {
+                string javascriptCode = $"var graphqlPath='{graphqlPath}';";
+
+                string dir = Path.Combine(Path.GetTempPath(), "graphiql-dotnet");
+                if (!Directory.Exists(dir)) Directory.CreateDirectory(dir);
+                string file = $"{dir}/graphql-path.js";
+
+                File.WriteAllText(file, javascriptCode, Encoding.UTF8);
+
+                var physicalFileProvider = new PhysicalFileProvider(dir);
+
+                fileProvider = new CompositeFileProvider(
+                    embeddedFileProvider,
+                    physicalFileProvider
+                );
+            }
+
+            return fileProvider;
+        }
     }
 }

src/graphiql/assets/index.html

@@ -39,6 +39,7 @@
      -->
     <link rel="stylesheet" href="./graphiql.css" />
     <script src="./graphiql.js"></script>
+    <script src="./graphql-path.js"></script>
 
   </head>
   <body>
@@ -109,7 +110,7 @@
       function graphQLFetcher(graphQLParams) {
         // This example expects a GraphQL server at the path /graphql.
         // Change this to point wherever you host your GraphQL server.
-        return fetch('/graphql', {
+        return fetch(graphqlPath || '/graphql', {
           method: 'post',
           headers: {
             'Accept': 'application/json',

src/graphiql/graphiql.csproj

@@ -16,6 +16,8 @@
     <PackageReference Include="Microsoft.AspNetCore.Mvc" Version="2.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.StaticFiles" Version="2.0.1" />
     <PackageReference Include="Microsoft.Extensions.FileProviders.Embedded" Version="2.0.0" />
+    <PackageReference Include="Microsoft.Extensions.FileProviders.Physical" Version="2.0.0" />
+    <PackageReference Include="Microsoft.Extensions.FileProviders.Composite" Version="2.0.0" />
   </ItemGroup>
   <ItemGroup>
     <EmbeddedResource Include="./assets/**/*.*" />