{"id":46258,"date":"2025-04-07T09:58:13","date_gmt":"2025-04-07T09:58:13","guid":{"rendered":"https:\/\/www.icreativetechnologies.com\/?p=46258"},"modified":"2025-04-07T09:58:13","modified_gmt":"2025-04-07T09:58:13","slug":"how-to-create-a-shopware-app-using-appserver","status":"publish","type":"post","link":"https:\/\/www.icreativetechnologies.com\/de\/how-to-create-a-shopware-app-using-appserver\/","title":{"rendered":"How To Create A Shopware App Using Appserver"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Overview
In this guide, you\u2019ll learn how to create a <\/span>Shopware App using the App Server, enabling seamless integration with Shopware\u2019s ecosystem. We\u2019ll walk you through setting up your <\/span>Shopware App, configuring it to communicate with an external backend server, and ensuring smooth data exchange.<\/span>
<\/b><\/p>

Prerequisites<\/b><\/p>

If you are not familiar with the app system, take a look at the <\/span>App concept<\/span><\/a> first.<\/span><\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Step-by-Step Process of Shopware App Creation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Step: 1 Creating a Basic Shopware App<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Create a Shopware App Directory<\/b>: Start by creating a new directory for your app within the custom\/apps directory of your Shopware installation. Give your app a suitable name, such as “MyExampleApp”.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\u2514\u2500\u2500 custom\r\n    \u251c\u2500\u2500 apps\r\n    \u2502   \u2514\u2500\u2500 MyExampleApp\r\n    \u2502       \u2514\u2500\u2500 manifest.xml\r\n    \u2514\u2500\u2500 plugins\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0edeec1 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"0edeec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Manifest file:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddf47f elementor-widget elementor-widget-text-editor\" data-id=\"2ddf47f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The manifest file is the core component of your app. It defines the interface between your app and the Shopware instance and provides all the essential information about your app, as illustrated in the minimal version below:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c9cba elementor-widget elementor-widget-text-editor\" data-id=\"33c9cba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\/\/ manifest.xml<\/span><\/p><p><span style=\"font-weight: 400;\">&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;UTF-8&#8243;?&gt;<\/span><\/p><p><span style=\"font-weight: 400;\">&lt;manifest xmlns:xsi=&#8221;http:\/\/www.w3.org\/2001\/XMLSchema-instance&#8221; xsi:noNamespaceSchemaLocation=&#8221;https:\/\/raw.githubusercontent.com\/shopware\/shopware\/trunk\/src\/Core\/Framework\/App\/Manifest\/Schema\/manifest-2.0.xsd&#8221;&gt;<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0&lt;meta&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;name&gt;MyExampleApp&lt;\/name&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;label&gt;Label&lt;\/label&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;label lang=&#8221;de-DE&#8221;&gt;Name&lt;\/label&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;description&gt;A description&lt;\/description&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;description lang=&#8221;de-DE&#8221;&gt;Eine Beschreibung&lt;\/description&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;author&gt;Your Company Ltd.&lt;\/author&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;copyright&gt;(c) by Your Company Ltd.&lt;\/copyright&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;version&gt;1.0.0&lt;\/version&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;icon&gt;Resources\/config\/plugin.png&lt;\/icon&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;license&gt;MIT&lt;\/license&gt;<br \/><\/span><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0&lt;\/meta&gt;<br \/><\/span><span style=\"font-weight: 400;\">&lt;\/manifest&gt;<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-618c3f9 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"618c3f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add Your App Logo:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edcb017 elementor-widget elementor-widget-text-editor\" data-id=\"edcb017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Create a new folder named Resources\/config within the MyExampleApp directory. Then, copy your app logo file (e.g., plugin.png) into the Resources\/config folder.<\/span><\/p><p><span style=\"font-weight: 400;\"><strong>Install and Activate the App:<\/strong> Use the Shopware CLI to install and activate your app. From the root directory of your Shopware installation, run the following command:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39acfe0 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"39acfe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step: 2 Creating an App Server with Symfony and the Shopware App Bundle<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afa18f0 elementor-widget elementor-widget-text-editor\" data-id=\"afa18f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Create a New Symfony Project:<\/b><span style=\"font-weight: 400;\"> Begin by creating a new Symfony project with the following command:\u00a0\u00a0<\/span><\/p><p><b>composer create-project symfony\/skeleton:\u201d6.6.*\u201d my-app<\/b><\/p><p><b>Install the App Bundle in your Symfony Project: <\/b><span style=\"font-weight: 400;\">Navigate to the project directory and install the <\/span><a href=\"https:\/\/www.2hatslogic.com\/service\/shopware-5-shopware-6-migration\/\"><span style=\"font-weight: 400;\">Shopware App<\/span><\/a><span style=\"font-weight: 400;\"> Bundle using Composer.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\"><br \/><\/span><b>composer requires shopware\/app-bundle<\/b><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Update the Database Details:<\/strong> Open the .env file in your Symfony project and update the DATABASE_URL parameter with your actual database connection details.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Generate Migration Files:<\/strong> Install the necessary packages to generate migration files:<\/span><\/li><\/ul><p><b>composer requires symfony\/maker-bundle \u2013dev<\/b><\/p><p><b>composer requires migrations<\/b><\/p><p><span style=\"font-weight: 400;\">Generate the migration files using the following commands:<\/span><\/p><p><b>php bin\/console make: migration<\/b><\/p><p><b>php bin\/console doctrine:migrations: migrate<\/b><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Run the App Server:<\/b><span style=\"font-weight: 400;\"> You can start the Symfony app server using the following command:<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">symfony server:start<\/span><\/p><p><span style=\"font-weight: 400;\">This will run your app server at http:\/\/127.0.0.1:8000 by default.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80d2c69 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"80d2c69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step: 3 Connecting Shopware and the App Server<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e777e elementor-widget elementor-widget-text-editor\" data-id=\"23e777e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>Open the Shopware manifest.xml file:<\/strong> Locate the manifest.xml file in your Shopware app project and add the following code inside the &lt;setup&gt; section:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d6f58 elementor-widget elementor-widget-code-highlight\" data-id=\"d5d6f58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><setup>\r\n    <registrationUrl>http:\/\/127.0.0.1:8000\/app\/lifecycle\/register<\/registrationUrl>\r\n    <secret>TestSecretCode<\/secret>\r\n<\/setup>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99cd612 elementor-widget elementor-widget-text-editor\" data-id=\"99cd612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><b>Update the App Server Environment File:\u00a0<\/b><b><\/b><span style=\"font-weight: 400;\">Open the environment file (usually .env) of your app server (Symfony project). Update the following lines: ###&gt; shopware\/app-bundle ###<\/span><\/li><\/ul><p><b>SHOPWARE_APP_NAME=ICTAPP<\/b><\/p><p><b>SHOPWARE_APP_SECRET=ICTSecretCode<\/b><\/p><ul><li><b>Reinstall the Shopware App or Clear Cache: <\/b><span style=\"font-weight: 400;\">After making the changes, reinstall your Shopware app or clear the cache to apply the updates.<\/span><\/li><li><b>Verify the Shop Table in the Database:\u00a0<\/b><span style=\"font-weight: 400;\">Once the app is reinstalled, check the shop table in your app server\u2019s database to ensure that the Shopware app\u2019s details are correctly inserted.<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">By following these steps, you will successfully set up the app server and connect Shopware with your app server. You can now begin developing and integrating your app with Shopware.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c81e6 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"b5c81e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step: 4 Creating a Custom Page in the App Server (Symfony) and Connecting it to Shopware<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c413b51 elementor-widget elementor-widget-text-editor\" data-id=\"c413b51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Create a Controller: <\/b><span style=\"font-weight: 400;\">Generate a new controller file by running the following command in your terminal:\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>symfony console make:<\/b><span style=\"font-weight: 400;\">controller HomeController\u00a0<\/span><\/li><li><b>Define a Custom Function in the Controller:<\/b><span style=\"font-weight: 400;\"> Open the HomeController file and add a custom function. For example, let\u2019s add a function named home:<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e195d2 elementor-widget elementor-widget-code-highlight\" data-id=\"7e195d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><?php\r\nnamespace App\\Controller;\r\nuse Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;\r\nuse Symfony\\Component\\HttpFoundation\\Response;\r\nuse Symfony\\Component\\Routing\\Annotation\\Route;\r\nclass HomeController extends AbstractController\r\n{\r\n    #[Route('\/homepage', name: 'home_app')]\r\n    public function home(): Response\r\n    {\r\n        $data = 'Hello,This is a custom home page!';\r\n        return new Response($data);\r\n    }\r\n}<span id=\"mce_marker\" data-mce-type=\"bookmark\" data-mce-fragment=\"1\">\u200b<\/span><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-981ca51 elementor-widget elementor-widget-text-editor\" data-id=\"981ca51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Open your browser and navigate to <\/span><span style=\"font-weight: 400;\">{BASEURL}\/home<\/span><span style=\"font-weight: 400;\">, where <\/span><span style=\"font-weight: 400;\">{BASEURL}<\/span><span style=\"font-weight: 400;\"> is the base URL of your app server (e.g., <\/span><span style=\"font-weight: 400;\">http:\/\/127.0.0.1:8000<\/span><span style=\"font-weight: 400;\">). You should see the output of your custom page.<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Install the Twig Bundle:<\/b><span style=\"font-weight: 400;\"> Run the following command to install the necessary dependencies and configure Twig for your Symfony project:<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">bash<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">Copy code<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">composer requires symfony\/twig-bundle<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Create the Twig Template:<\/b><span style=\"font-weight: 400;\"> Inside the <\/span><span style=\"font-weight: 400;\">templates<\/span><span style=\"font-weight: 400;\"> folder (located in the <\/span><span style=\"font-weight: 400;\">src<\/span><span style=\"font-weight: 400;\"> directory), create a new Twig template file named <\/span><span style=\"font-weight: 400;\">index.twig.html<\/span><span style=\"font-weight: 400;\">. Customize the content of the template according to your requirements. For example:<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03c3095 elementor-widget elementor-widget-code-highlight\" data-id=\"03c3095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html>\r\n<body>\r\n    <h2>New Home<\/h2>\r\n<\/body>\r\n<\/html><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6682684 elementor-widget elementor-widget-text-editor\" data-id=\"6682684\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><b>Update your HomeController: <\/b><span style=\"font-weight: 400;\">Open the HomeController file and update the home function to render the Twig template we created earlier. Here\u2019s an example:<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e273bd elementor-widget elementor-widget-code-highlight\" data-id=\"3e273bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>public function home(): Response\r\n{\r\n    return $this->render(\u2018index.html.twig\u2019);\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-807dc0d at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"807dc0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step:5 Connect the Interface to Shopware<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b428c elementor-widget elementor-widget-text-editor\" data-id=\"b3b428c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Open the manifest.xml file of your Shopware app (MyExampleApp).<\/span><\/p><p><span style=\"font-weight: 400;\">Inside the &lt;admin&gt; section, add the following code:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d10ad5 elementor-widget elementor-widget-code-highlight\" data-id=\"5d10ad5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><admin>\r\n    <module name=\"MyExampleApp\" source=\"http:\/\/127.0.0.1:8000\/home\" parent=\"sw-marketing\" position=\"50\">\r\n        <label>New Menu<\/label>\r\n        <label lang=\"de-DE\">Neues Men\u00fc<\/label>\r\n    <\/module>\r\n<\/admin><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbec57 elementor-widget elementor-widget-text-editor\" data-id=\"8bbec57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Clear the Cache or Reinstall Your App:<\/b><span style=\"font-weight: 400;\"> To ensure that the changes in the manifest.xml file take effect, clear the cache or reinstall your app.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Verify the Interface Integration:<\/b><span style=\"font-weight: 400;\"> After clearing the cache or reinstalling your app, a new menu item should appear in the admin sidebar under the specified parent menu. It should be labeled as \u201cNew Menu\u201d (or the corresponding label in the specified language.<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">If the iframe template does not load, make sure the following script tag is present in your app server\u2019s index file (usually src\/templates\/index.html.twig):<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0377fab at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"0377fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7595df elementor-widget elementor-widget-text-editor\" data-id=\"e7595df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In this guide, you&#8217;ve completed the <\/span><a href=\"https:\/\/www.icreativetechnologies.com\/shopware-app-development\/\"><span style=\"font-weight: 400;\">Shopware App Development<\/span><\/a><span style=\"font-weight: 400;\"> process, from Shopware installation to integrating with an external backend via App Server. By setting up your app, configuring the manifest, and connecting it to Symfony, you&#8217;ve created a seamless integration.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OverviewIn this guide, you\u2019ll learn how to create a Shopware App using [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":46290,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[86],"tags":[388,479],"class_list":["post-46258","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","tag-shopware-app","tag-shopware-app-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Create A Shopware App Using Appserver<\/title>\n<meta name=\"description\" content=\"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create A Shopware App Using Appserver\" \/>\n<meta property=\"og:description\" content=\"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.icreativetechnologies.com\/de\/how-to-create-a-shopware-app-using-appserver\/\" \/>\n<meta property=\"og:site_name\" content=\"iCreative Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-07T09:58:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"712\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bhavya Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bhavya Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/\"},\"author\":{\"name\":\"Bhavya Shah\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/person\\\/dc57fa9f205d886138374edc2464e992\"},\"headline\":\"How To Create A Shopware App Using Appserver\",\"datePublished\":\"2025-04-07T09:58:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/\"},\"wordCount\":980,\"publisher\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Shopware-App.jpg\",\"keywords\":[\"shopware app\",\"Shopware App development\"],\"articleSection\":[\"Shopware\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/\",\"name\":\"How To Create A Shopware App Using Appserver\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Shopware-App.jpg\",\"datePublished\":\"2025-04-07T09:58:13+00:00\",\"description\":\"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Shopware-App.jpg\",\"contentUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Shopware-App.jpg\",\"width\":1080,\"height\":712,\"caption\":\"Shopware App Using Appserver\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/how-to-create-a-shopware-app-using-appserver\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Create A Shopware App Using Appserver\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#website\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\",\"name\":\"iCreative Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\",\"name\":\"iCreative Technologies\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-e1628229333795.png.png\",\"contentUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-e1628229333795.png.png\",\"width\":240,\"height\":66,\"caption\":\"iCreative Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/person\\\/dc57fa9f205d886138374edc2464e992\",\"name\":\"Bhavya Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"caption\":\"Bhavya Shah\"},\"description\":\"Bhavya Shah is a Business Analyst at iCreative Technologies. He specializes in the eCommerce consulting for all business domains. He is working hand-in-hand with developers and clients to produce requirements and specifications that accurately reflect business needs and are technologically achievable.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Create A Shopware App Using Appserver","description":"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.","robots":{"index":"noindex","follow":"follow"},"og_locale":"de_DE","og_type":"article","og_title":"How To Create A Shopware App Using Appserver","og_description":"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.","og_url":"https:\/\/www.icreativetechnologies.com\/de\/how-to-create-a-shopware-app-using-appserver\/","og_site_name":"iCreative Technologies","article_published_time":"2025-04-07T09:58:13+00:00","og_image":[{"width":1080,"height":712,"url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg","type":"image\/jpeg"}],"author":"Bhavya Shah","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Bhavya Shah","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#article","isPartOf":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/"},"author":{"name":"Bhavya Shah","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/person\/dc57fa9f205d886138374edc2464e992"},"headline":"How To Create A Shopware App Using Appserver","datePublished":"2025-04-07T09:58:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/"},"wordCount":980,"publisher":{"@id":"https:\/\/www.icreativetechnologies.com\/#organization"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#primaryimage"},"thumbnailUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg","keywords":["shopware app","Shopware App development"],"articleSection":["Shopware"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/","url":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/","name":"How To Create A Shopware App Using Appserver","isPartOf":{"@id":"https:\/\/www.icreativetechnologies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#primaryimage"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#primaryimage"},"thumbnailUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg","datePublished":"2025-04-07T09:58:13+00:00","description":"Learn to create a Shopware App from installation to backend integration via App Server, and build seamless connections with Symfony to enhance functionality.","breadcrumb":{"@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#primaryimage","url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg","contentUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/03\/Shopware-App.jpg","width":1080,"height":712,"caption":"Shopware App Using Appserver"},{"@type":"BreadcrumbList","@id":"https:\/\/www.icreativetechnologies.com\/how-to-create-a-shopware-app-using-appserver\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.icreativetechnologies.com\/"},{"@type":"ListItem","position":2,"name":"How To Create A Shopware App Using Appserver"}]},{"@type":"WebSite","@id":"https:\/\/www.icreativetechnologies.com\/#website","url":"https:\/\/www.icreativetechnologies.com\/","name":"iCreative Technologies","description":"","publisher":{"@id":"https:\/\/www.icreativetechnologies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.icreativetechnologies.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.icreativetechnologies.com\/#organization","name":"iCreative Technologies","url":"https:\/\/www.icreativetechnologies.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2024\/11\/logo-e1628229333795.png.png","contentUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2024\/11\/logo-e1628229333795.png.png","width":240,"height":66,"caption":"iCreative Technologies"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/person\/dc57fa9f205d886138374edc2464e992","name":"Bhavya Shah","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","caption":"Bhavya Shah"},"description":"Bhavya Shah is a Business Analyst at iCreative Technologies. He specializes in the eCommerce consulting for all business domains. He is working hand-in-hand with developers and clients to produce requirements and specifications that accurately reflect business needs and are technologically achievable."}]}},"_links":{"self":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts\/46258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/comments?post=46258"}],"version-history":[{"count":0,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts\/46258\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/media\/46290"}],"wp:attachment":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/media?parent=46258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/categories?post=46258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/tags?post=46258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}