Skip to content

columbus-as/Foundation-spa-react

 
 

Repository files navigation

Foundation

Foundation

Foundation offers a starting point that is intuitive, well-structured and modular allowing developers to select Episerver products as projects to include or exclude from their solution. Including as of now projects for CMS, Commerce, Personalization, Find and Social, with the rest to follow.

You can request a demo of the project by one of our Episerver experts on Get a demo.


Table of Contents


System requirements

  • Visual Studio 2017 or higher - Download
    • With the Node.js development package installed
  • Microsoft Visual C++ Redistributable for Visual Studio 2019 - Download
  • SQL Server Express or Developer or SQL Azure Server - Download (If using SQL Azure download sqlcmd)
  • Microsoft SQL Server Management Studio - Download
  • Node.js LTS (> 12.16.3) - Download
  • Microsoft Internet Information Server (IIS) - Download
  • IIS Url Rewrite module - Download

See also the general Episerver system requirements on Episerver World.


Pre-installation set-up

SQL server

  1. In Microsoft SQL Server Management Studio, connect to your SQL server: SQL server login
  2. Right-click on your server and select Properties.
  3. Under Security, make sure that SQL Server and Windows Authentication mode is selected: SQL server authentication

Licenses

  1. Want to run the solution through IIS (not IIS Express)? You'll need an appropriate license obtainable from license center
  2. The solution comes with Episerver Search & Navigation configured, these can be requested from the Episerver Partner portal

IIS settings

How to find the IIS settings depends on the system where you are running IIS.

  1. Go to your IIS settings. If you are running IIS locally on your Windows machine, you find these under Control Panel > Programs > Programs and Features > Turn Windows features on or off.
  2. Check that the following features have been enabled:
  • Under Application Development:
    • ASP .NET
    • NET Extensibility
    • ASP
    • ISAPI Extensions
    • ISAPI Filters
  • Common HTTP Features (Installed) node (all are required):
    • Static Content (Installed)
    • Default Document (Installed)
    • Directory Browsing (Installed
    • HTTP Errors (Installed) (Installed)
    • HTTP Redirection
  • Under the Performance (Installed) node:
    • Static Content Compression (Installed)
    • Dynamic Content Compression (Installed)
  • Under the Security (Installed) node:
    • URL Authorization (Installed)

IIS settings


Installation

The installation files on GitHub contain a batch file that will install the Foundation project with all products and set up an empty demo site. After the installation, you can fetch demo content from a remote repository to create a Mosey demo site, a fictitious fashion retail company.

  1. Download the ZIP file from the Foundation project's master branch on GitHub and extract the files, or clone the project from GitHub to a local folder using the command prompt and the git command git clone https://github.com/episerver/Foundation-spa-react foundation-spa-react (the foundation-spa-react part specifies the folder where to put the files):

Download ZIP file

Download Zip file

Or clone project using Git

Clone project

Note: It is recommended that you store the project in a folder directly under C:, in a folder where your user has full access rights:

Folder access rights

  1. Right-click on the batch file called setup.cmd and select Run as administrator:

Run batch file

  1. The installation starts and you are asked to provide the following parameters:
Parameter Description
Application name: The name of the application. Note: The application name should contain only letters and numbers as it used as the prefix to create the website and database components.
Public domain name for foundation: Domain name for the application, for example, foundation.com.
Public domain name for static html site: Domain name for the static html application, for example, html.foundation.com.
License path: If you have a license file, add the path to it. Otherwise you can add that later.
SQL server name: SQL server instance name. Add the same server name as the one you connected to in the Pre-installation set-up steps for the SQL server. If using Azure SQL, provide the full dns name for your Azure SQL instance
sqlcmd command: SQL command to execute, by default -S . -E . This can generally be left as is. If using Azure SQL, pass username and password as -U <user> -P <password>

Build parameters

  1. The build process executes a number of steps and logs both to the console and to the log files. The automatic build steps are:
•	Set permissions on the folder to everyone full control
•	Restore NuGet packages
•	npm install
•	gulp Saas task
•	Build solution
•	Install Databases
•	Create an application pool
•	Create a website
•	Update host file
•	Copy License file
•	Create connectionstrings files
•	Set the authentication to the default admin user, build and deploy the Spa.Frontend (Note:In production you will want to lock down the Foundation.SpaViewEngine.Controllers.DeployFiles API to only users you determine appropriate.)
•	Start the site to finish setup in browser

Build progress

  1. Running the setup command will open the application url in the default browser

Troubleshooting

General issues

  • Modify src/Foundation/find.config to have your Search & Navigation Index information present
  • If the setup page throws an error, open your host file, found under C:\Windows\System32\drivers\etc, and add the domain name you entered during the installation. Reload the page in your browser. Example host file
  • To confirm that the frontend is configured correctly: Open a terminal/powershell and navigate to the src/Spa.Frontend folder, run the following commands to deploy the first frontend version
    • npm run-script login
    • npm run-script build
    • Restart the website
  • If you experience difficulty logging in using /episerver/cms try using the path util/login.aspx and then try /episerver/cms again.
  • Developer licenses for evaluation purposes can be obtained from the Episerver License Center. Place the License.config file in your webroot.
  • If you are Building a new site: Adjust the git repository to your own and .gitignore to include some of the configuration in the repository.

The installation fails

  • Check that you have full access rights to the project folder.
  • Check that you meet the system requirements.
  • Check your SQL authentication settings as described in SQL Server.
  • Check your IIS settings so that they match those specified in IIS settings.
  • Check the log files:
    Build\Logs\Build.log
    Build\Logs\Database.log
    Build\Logs\IIS.log
    

The site does not start

  • Foundation does not include any website, pages or catalogs in its initial state, so it is not possible to start a site until you have imported or created content. Go to URL http://yourdomainname/setup to import content.
  • Check that the site is actually running by navigating to http://yourdomainname/episerver/cms.

Contributing

As this is an open-source project, we encourage you to contribute to the source code and the documentation.


About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C# 30.6%
  • TypeScript 27.1%
  • JavaScript 13.9%
  • HTML 9.5%
  • Batchfile 5.3%
  • SCSS 4.9%
  • Other 8.7%