magento / module-upward-connector
Magento module used for routing all frontend requests through UPWARD-PHP.
Installs: 286 274
Dependents: 1
Suggesters: 0
Security: 0
Stars: 24
Watchers: 15
Forks: 26
Open Issues: 19
Type:magento2-module
Requires
- php: ~8.1.0||~8.2.0||~8.3.0
- magento/framework: *
- magento/module-catalog: *
- magento/module-catalog-url-rewrite-graph-ql: *
- magento/module-cms: *
- magento/module-config: *
- magento/module-store: *
- magento/module-url-rewrite: *
- magento/module-url-rewrite-graph-ql: *
- magento/upward: *
- yireo/magento2-disable-service-worker-in-admin: ^0.0.2
This package is auto-updated.
Last update: 2024-11-02 08:48:21 UTC
README
The Magento 2 UPWARD connector is a module for routing requests to UPWARD-PHP. This module replaces the default Magento frontend theme with a PWA Studio storefront application.
PWA Studio storefront deployments in the Magento Commerce Cloud use this module to keep Magento and storefront code on the same server.
Installation
The Magento 2 UPWARD connector module is part of the Magento Cloud deployment steps in the official PWA Studio docs.
Configuration
The Magento 2 UPWARD connector has additional settings that can be configured in the admin area under:
Stores > Configuration > General > Web > UPWARD PWA Configuration.
General configuration
These are the configurations for the UPWARD process itself.
UPWARD Config File
This configuration is the location of the UPWARD configuration file for the UPWARD-PHP server.
This module adds a new directive to the env.php to securely set the path to the upward.yaml file.
// ... 'downloadable_domains' => [ // ... ], # New configuration point 'pwa_path' => [ 'default' => [ 'default' => '/var/www/html/pwa/dist/upward.yml' ], 'website' => [ '<website_code>' => '/var/www/html/anotherpwa/dist/upward.yml' # Can point a website to a different installation ], 'store' => [ '<store_code>' => '' # Blank string (or false) to serve default Magento storefront ] ]
For ease of use, this module provides a new command for setting the path
# Set the default scope to an empty string (will serve base Magento store front) bin/magento pwa:upward:set # Set the website with code <website_code> to /var/www/html/pwa/dist/upward.yml bin/magento pwa:upward:set --path /var/www/html/pwa/dist/upward.yml --scopeType website --scopeCode <website_code> # Set the website with code <website_code> to an empty string (will serve base Magento store front) bin/magento pwa:upward:set --scopeType website --scopeCode <website_code> # Set the website with code <store_code> to /var/www/html/pwa/dist/upward.yml bin/magento pwa:upward:set --path /var/www/html/pwa/dist/upward.yml --scopeType store --scopeCode <store_code>
You can use bin/magento store:list
or bin/magento store:website:list
to easily get the store/website code for configuration.
You may use a path relative to your web root or an absolute path for the value of this configuration.
- Relative:
pwa/dist/upward.yml
- Absolute:
/var/www/html/pwa/dist/upward.yml
If you have previously configured the UPWARD yaml path using the config:set
command or environment variables, it will continue to work as a fallback, so long as no
default has been set as per the example above.
The configuration works the same way normal store configurations work. It falls back from store view > website > global (default), trying to serve the more specific available scope first.
Front Name Allowlist
This configuration allows you to specify a line-separated list of routes to forward to the default Magento theme.
Example:
contact
privacy-policy-cookie-restriction-mode
With this example, when a visitor navigates to either <Magento store URL>/contact
or <Magento store URL>/privacy-policy-cookie-restriction-mode
, they will land on a page rendered by Magento instead of the storefront application.
Prerender.io Configuration
Prerender.io support in the upward-connector module allows your site to send prerendered static html to search bots.
A middleware layer checks each request to see if it comes from a crawler and if allowed, sends it to the prerender service. These configuration entries let you configure which pages to send to Prerender.io to serve the static HTML versions of that page. If a page is not configured for prerendering, the request continues using the normal server routes.
Testing prerendered pages
To see how a crawler sees a prerendered page, set your browser's User Agent to Googlebot
and visit your URL.
You can also run this on the command line and change the sample URL to your storefront's URL:
curl -A Googlebot https://www.example.com/ > page.html
To configure prerender locally for testing purposes, see https://docs.prerender.io/test-it/.
Troubleshooting partial rendered pages
There is no way to tell when a PWA page fully loads.
For prerendering it is possible to force prerender to wait for a predefined timeout before setting the window.prerenderReady
flag.
Add the following to the runtime script:
window.prerenderReady = false; setTimeout(function () { window.prerenderReady = true; }, 1000 * 15);
For more information, see https://docs.prerender.io/test-it/.
Service Worker Note
Avoid sharing the same hostname between your PWA Studio storefront and the Magento 2 admin backend. This causes the storefront Service Worker to intercept backend requests when you have both the storefront and admin tabs open at the same time on your browser. If you cannot avoid sharing the hostname, access one service at a time or use a private browsing session per service.