Integrate 3rd party CMS with Adobe Commerce Cloud


Author Photo
Alex Lyzun
Lead Developer Adobe Commerce

Integrate 3rd party CMS with Adobe Commerce Cloud

The requirements of any e-commerce system integration are always unique and sometimes even quite exotic.

In the Commerce Unit here at comwrap, we work mainly with Adobe Commerce Cloud, which also brings some additional server architecture requirements. In this Article I will share our experience and show you how you can integrate any CMS with Adobe Commerce under a single domain name.

 

Requirements

We have the following requirements: 

The Adobe Commerce Cloud system publishes using the following URL

  • mcstaging.awesome.cloud/us

At the same time, we need to ensure that access to the existing CMS system persists via

  • mcstaging.awesome.cloud/en

  

Challenge

As you can see, the main challenge is that the same URL is used for two different systems. And if it is an on-premise solution, it is not a problem to install both systems on the same server.

But this is not possible with a cloud solution, where a commerce system is installed on Server-A and a CMS on Server-B. This challenge cannot be overcome with the default DNS settings, since by default you can only assign one domain per IP.

So our requirements are as follows:

Solution

One benefit of using Adobe Commerce Cloud is the Fastly CDN integration, which manages Magento's FPC and also manages all the traffic that goes through the cloud server. 

This gives us the idea that we can manage traffic to different sources using the Fastly configuration.

 

Fastly configuration

First, we need to define a new backend system for the Fastly service. (more detailled information about backends: Backend | Fastly Developer Hub )

Go to Magento Admin, Stores → Configuration → Advanced → System → Full Page Cache → Fastly Configuration → Backend Settings → Create New Backend and specify the IP of your CMS installation as the name.

Example: 111.222.33.44

After that, fill in all other settings.

Defining a backend system in Adobe Commerce Admin

 

In addition, please setup a new condition (click to “Attach a condition“ and then “Create new condition“).

 

Setting up a condition for a new backend in Adobe Commerce Cloud Admin

Save the condition. I would also recommend uploading the VCL to Fastly again and then flushing the cache (even though it's not required, I'm just a fan of flushing the cache).

Now when Fastly decides which backend system to load the content from, it will check the conditions if they exist. In our case, Fastly recognizes that the request comes from the /en prefix and uses a different backend system from which to deliver the content.

 

Conclusion

I think it was a pretty simple explanation, but Fastly provides you with a powerful tool for managing traffic in various ways that you need.

Moreover, it's not limited to backend configurations that you can implement with the Magento extension. You can also simply use the Fastly API to manage almost anything you need.

 


Related Articles

  • 2022-05-10
    Advanced Routing mit Fastly CDN
    Author Photo
    Alexandr Tihanov
    Senior Developer at comwrap
    Fastly ist ein auf Varnish basierender Dienst, der in Adobe Commerce Cloud (Magento) für die Bereitstellung von Inhalten, Sicherheit und Bildoptimierung verwendet wird. In diesem Artikel beschreibe ich einige der erweiterten Routing-Funktionen für Entwickler.
  • 2022-04-23
    Disaster Recovery in Adobe Commerce Cloud
    Author Photo
    Alex Lyzun
    Lead Developer Adobe Commerce
    Adobe Commerce Cloud verfügt von Haus aus über einen automatischen Sicherungsprozess. Wenn Sie also nach einer Meldung schnell handeln, haben Sie eine gute Chance, Ihr System fast vollständig wiederherzustellen.
  • 2021-12-30
    Wiederkehrende Zahlungen und Kreditkartenverwaltung in Adobe Commerce
    Author Photo
    Sunjay Patel
    Senior Developer at comwrap
    Schritt-für-Schritt-Anleitung zur Umsetzung wiederkehrender Zahlungen für Abonnementgeschäfte in Adobe Commerce mit Payone als PSP
  • 2021-12-15
    VAT Management in Adobe Commerce
    Author Photo
    Oleg Blinnikov
    Senior Developer at comwrap
    Best Practise zum MwSt Handling und zur Validierung der VAT-IDs in B2B Projekten mit Adobe Commerce (Magento)
  • 2021-11-01
    Integration von Adobe Commerce MSI mit externen ERP-Systemen
    Author Photo
    Oleg Blinnikov
    Senior Developer at comwrap
    Eine Erfolgsgeschichte über eine komplexe Integration von Magento MSI mit einem externen ERP-System.
  • 2021-10-15
    Hands-on Adobe Firefly
    Author Photo
    Alex Lyzun
    Lead Developer Adobe Commerce
    Das Projekt Firefly wurde von Adobe Mitte 2020 vorgestellt. Nachdem ich einige Tage mit Firefly experimentiert habe, wurde mir klar, dass es wirklich einen eigenen Artikel verdient hat, und so sind wir hier.
  • 2021-10-15
    Queue Systems integration review
    Author Photo
    Alex Lyzun
    Lead Developer Adobe Commerce
    Bestehende Message Queue Lösungen für Adobe Commerce unter die Lupe genommen
  • 2021-10-15
    Design better B2B digital experiences
    Author Photo
    Alexander Beutel
    Adobe Commerce Practise Lead
    How manufacturers are designing digital experiences for business customers in ways that improve agility and accelerate growth.
  • 2021-10-15
    Design a Digital Experience for B2X
    Author Photo
    Alexander Beutel
    Adobe Commerce Practise Lead
    How manufacturers can create a seamless digital experience—for business buyers, distributors, and maybe even consumers—that accelerates growth.
  • 2021-10-15
    The E-Commerce Experience Wish List
    Author Photo
    Alexander Beutel
    Adobe Commerce Practise Lead
    Learn what consumers want most in a digital customer experience—and how you can deliver it to them.