Hosting your map

The Getting Started page proposes to use a "starter kit" that is relying on GitHub pages for hosting the map. This is a fairly good solution as GitHub pages offers a free and performant hosting.

But using GitHub pages is not necessary. You can host your maps on any webserver.

If you decide to host your maps on your own webserver, you must configure CORS headers in your browser to allow access from WorkAdventure.

Configuring CORS headers

CORS headers (Cross Origin Resource Sharing) are useful when a website want to make some resources accessible to another website. This is exactly what we want to do. We want the map you are designing to be accessible from the WorkAdventure domain (play.workadventu.re).

Enabling CORS for Apache

In order to enable CORS in your Apache configuration, you will need to ensure the headers module is enabled.

In your Apache configuration file, simply add the following line inside either the <Directory>, <Location>, <Files> or <VirtualHost> sections, or within a .htaccess file.

Header set Access-Control-Allow-Origin "*"

Enabling CORS on another webserver

Check out enable-cors.org which has detailed instructions on how to enable CORS on many different webservers.

Need some help?

WorkAdventure is a constantly evolving project and there is plenty of room for improvement regarding map editing.

If you are facing any troubles, do not hesitate to open an "issue" in the GitHub WorkAdventure account.

🔍 Found a typo? Want to propose improvements? Do not hesitate to directly propose changes.