Shopify OAuth handler

Author: acoumb

src/Umbraco.Cms.Integrations.OAuthProxy/Configuration/AppSettings.cs

@@ -8,6 +8,8 @@ public class AppSettings
 
         public string SemrushClientSecret { get; set; }
 
+        public string ShopifyClientSecret { get; set; }
+
         public string this[string propertyName] => (string)GetType().GetProperty(propertyName)?.GetValue(this, null);
     }
 }

src/Umbraco.Cms.Integrations.OAuthProxy/Controllers/OAuthProxyController.cs

@@ -2,11 +2,13 @@
 using System.Collections.Generic;
 using System.Linq;
 using System.Net.Http;
+using System.Security;
 using System.Threading.Tasks;
 
 using Microsoft.AspNetCore.Http;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.Extensions.Options;
+using Microsoft.Extensions.Primitives;
 using Umbraco.Cms.Integrations.OAuthProxy.Configuration;
 
 namespace Umbraco.Cms.Integrations.OAuthProxy.Controllers
@@ -18,13 +20,14 @@ public class OAuthProxyController : Controller
         private readonly AppSettings _appSettings;
 
         public const string ServiceNameHeaderKey = "service_name";
+        public const string ServiceAddressReplacePrefixHeaderKey = "service_address_";
 
         /// <summary>
         /// Integrated services with their token URIs
         /// </summary>
-        private static Dictionary<string, string> ValidServices = new()
+        private static readonly Dictionary<string, string> ValidServices = new()
         {
-            { "Hubspot", "oauth/v1/token" }, { "HubspotForms", "oauth/v1/token" }, { "Semrush", "oauth2/access_token" }
+            { "Hubspot", "oauth/v1/token" }, { "HubspotForms", "oauth/v1/token" }, { "Semrush", "oauth2/access_token" }, { "Shopify", "oauth/access_token" }
         };
 
         public OAuthProxyController(IHttpClientFactory httpClientFactory, IOptions<AppSettings> appSettings)
@@ -48,7 +51,7 @@ public async Task ProxyTokenRequest()
                     new InvalidOperationException($"Provided {ServiceNameHeaderKey} header value of {serviceName} is not supported");
             }
 
-            var httpClient = _httpClientFactory.CreateClient($"{serviceName}Token");
+            var httpClient = GetClient(serviceName);
 
             var response =
                 await httpClient.PostAsync(ValidServices[serviceName], GetContent(Request.Form, serviceName));
@@ -62,6 +65,22 @@ public async Task ProxyTokenRequest()
             await Response.WriteAsync(content);
         }
 
+        private HttpClient GetClient(string serviceName)
+        {
+            var httpClient = _httpClientFactory.CreateClient($"{serviceName}Token");
+
+            var serviceAddressReplaceHeader = Request.Headers.FirstOrDefault(p => p.Key.Contains(ServiceAddressReplacePrefixHeaderKey));
+            if (!serviceAddressReplaceHeader.Equals(default(KeyValuePair<string, StringValues>)) && httpClient.BaseAddress != null)
+            {
+                var replaceKey = serviceAddressReplaceHeader.Key.Replace(ServiceAddressReplacePrefixHeaderKey, string.Empty);
+
+                var baseAddress = httpClient.BaseAddress.ToString().Replace($"{replaceKey}", serviceAddressReplaceHeader.Value);
+                httpClient.BaseAddress = new Uri(baseAddress);
+            }
+
+            return httpClient;
+        }
+
         private HttpContent GetContent(IFormCollection form, string serviceName)
         {
             var dictionary = form.ToDictionary(x => x.Key, x => x.Value.ToString());

src/Umbraco.Cms.Integrations.OAuthProxy/Pages/Shopify.cshtml

@@ -0,0 +1,37 @@
+@page "/oauth/shopify"
+@model Umbraco.Cms.Integrations.OAuthProxy.Pages.ShopifyModel
+@{
+    ViewData["Title"] = "Authorization";
+}
+
+<div class="text-center">
+    <h1 class="display-4">Umbraco Integrations Authentication</h1>
+    @if (!string.IsNullOrEmpty(Model.AuthorizationCode))
+    {
+        <div id="manual-complete" style="display: none">
+            <p>To complete the integration, please copy the following code and enter it in Umbraco using the form provided.</p>
+
+            <p><input id="auth-code" type="text" value="@Model.AuthorizationCode" readonly style="width: 700px; font-size: 36px; text-align: center" /></p>
+
+            <button onclick="copyToClipboard()">Copy To Clipboard</button>
+        </div>
+
+        <script>
+            if (window.opener && typeof opener.postMessage === 'function') {
+                opener.postMessage({ type: 'shopify:oauth:success', url: location.href, code: '@Model.AuthorizationCode' }, '*');
+                window.close();
+            } else {
+                document.getElementById("manual-complete").style.display = "block";
+            }1
+
+            function copyToClipboard() {
+                var authCodeInputElement = document.getElementById("auth-code");
+                authCodeInputElement.select();
+                authCodeInputElement.setSelectionRange(0, 99999);
+                navigator.clipboard.writeText(authCodeInputElement.value);
+                alert("Code copied to clipboard");
+            }
+        </script>
+
+    }
+</div>

src/Umbraco.Cms.Integrations.OAuthProxy/Pages/Shopify.cshtml.cs

@@ -0,0 +1,14 @@
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Umbraco.Cms.Integrations.OAuthProxy.Pages
+{
+    public class ShopifyModel : PageModel
+    {
+        public string AuthorizationCode { get; set; }
+
+        public void OnGet()
+        {
+            AuthorizationCode = Request.Query["code"];
+        }
+    }
+}

src/Umbraco.Cms.Integrations.OAuthProxy/Startup.cs

@@ -5,6 +5,7 @@
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
+
 using Umbraco.Cms.Integrations.OAuthProxy.Configuration;
 
 namespace Umbraco.Cms.Integrations.OAuthProxy
@@ -35,6 +36,10 @@ public void ConfigureServices(IServiceCollection services)
             {
                 c.BaseAddress = new Uri("https://oauth.semrush.com/");
             });
+            services.AddHttpClient("ShopifyToken", c =>
+            {
+                c.BaseAddress = new Uri("https://shop-replace.myshopify.com/admin/");
+            });
 
             services.AddRazorPages();
             services.AddControllers();

src/Umbraco.Cms.Integrations.OAuthProxy/appsettings.Development.json

@@ -10,6 +10,7 @@
   "AppSettings": {
     "HubspotClientSecret": "",
     "HubspotFormsClientSecret": "",
-    "SemrushClientSecret": ""
+    "SemrushClientSecret": "",
+    "ShopifyClientSecret":  "" 
   }
 }