Applies to versions: Not applicable

Creating a new Commerce site and deploying

Recommended reading 

This topic describes a simple onboarding deployment scenario to create a new Commerce website and deploy the application, database and content to the Integration environment in Optimizely DXP.

When is this applicable?
This is an onboarding scenario for a first-time deployment when you want to set up a site and run development in a cloud environment from the beginning. Through Visual Studio you can deploy an empty database. A new site like this does not require database restore, and the database schema will be created during initial deployment

Before you start

This topic uses Visual Studio with the Optimizely extensions and publish profiles. However, you can also use other deployment methods.

  • See Requirements for recommended versions of software, tools and services to use when deploying.
  • See Getting started for information needed to deploy.

Note: If not already done, remember to change the default login credentials (admin/store) provided in the Commerce installation, before deploying. See Installing Optimizely.

Deployment steps

This section describes how to create a new website with CMS, Commerce and Azure, and deploy the code and database with content to the Integration environment in DXP. The deployment is done from Visual Studio, using the publishing profiles provided with your DXP setup

Note: A Commerce solution consists of two sites, a front-end site and the back-end Commerce Manager site, and two databases: one for CMS and one for Commerce. So, you need to repeat some deployment steps for each site.

STEP 1. Create a front-end website with Azure

  1. Follow the substeps under the STEP 1 and STEP 2 sections in Creating a new CMS site and deploying to create a site and configure it for Azure, but select Empty project (instead of the Alloy templates). Then add the EPiServer.Commerce package and the EPiServer.Commerce.Azure package. You also need to add EPiServer.Commerce.UI.ManagerIntegration to the front-end site, if you want the UI integration between the front-end and back-end Commerce.


STEP 2. Publish code and database for the front-end site

  1. Right-click on the project in Visual Studio and select Publish. Browse and select the publish profile for the Commerce front-end site.
  2. Click Import to import the settings from the publish profile and click Next.
  3. The Connection tab should display the imported publish profile settings; no changes are required here. Click Next (not Publish).

  4. In the Settings step, enter the remote connection string to SQL Database by selecting it under the EPiServerDB section (CMS database).
  5. Enable Update database.
  6. Click Configure database updates.
    1. Clear the [Auto schema update] option. 
    2. Click Add SQL Script.
    3. Browse to the EPiServer.CMS.Core NuGet packages (located in [SolutionDir]\packages\EPServer.CMS.Core.N.N.N\tools\ and select EPiServer.Cms.Core.sql
    4. Click Close when done.
  7. In the Settings step, enter the remote connection string to SQL Database by selecting it under the EcfSqlConnection section (Commerce database).

    1. Enable Update database.
    2. Click Configure database updates.
    3. Clear the [Auto schema update] option.
    4. Click Add SQL Script.
    5. Browse to the EPiServer.Commerce.Core NuGet packages (located in [SolutionDir]\packages\EPServer.Commerce.Core.N.N.N\tools\, and select EPiServer.Commerce.Core.sql.
    6. Click Close when done.

      The Settings section looks like the following image, before publishing with the added SQL Database connection strings.

    7. Click Publish to publish the website and databases. The site should open in a browser when finalized, otherwise you can access it with the default URL for the Integration environment. Verify that the (empty) front-end site is working.

STEP 3. Add Commerce Manager (back-end) to the solution and publish the code

  1. Follow steps 5-8 under Installing Commerce in Installing Optimizely, to add Commerce Manager to your solution.
  2. Add the EPiServer.CommerceManager.Azure package to the Commerce Manager site.
  3. Compile the solution, follow the instructions to update the database.
  4. Repeat sub-steps 1-4 under STEP 2 Publish code... above, this time using the publish profile for the Commerce Manager site. You only need to publish the code since the database was already published with the front-end site.
  5. Click Publish to publish the back-end site, which will open in a browser when finalized.

STEP 5. Verify the website

  1. Go to the default access URL; for example, http://[projectNNNNinte].dxcloud.episerver.net.
  2. Log in to the website using the administrator user provided.
  3. Verify that all parts of the site are working.

Note: When starting the site, there might be remaining migration steps. When logged in, navigate to <site-url>/<ui-path>/Commerce/Migrate (if not automatically redirected there), and verify that all migration steps are completed. If there are any issues, correct them and run the incomplete migration steps again.

Note: When the site is started after the publishing has finalized, you might receive a temporary missing license notification before the cloud license is retrieved. Also note that it may take up to one hour before the CDN is available for usage. The site may display an error message during this time.

Adding Find 

See Creating a new CMS site and deploying to add Optimizely Search & Navigation to your solution (not required).

Related topics

Do you find this information helpful? Please log in to provide feedback.

Last updated: Apr 02, 2020

Recommended reading