Configuring Dev Center

Note: this guide is to set up a Dev Center configuration for the locally Bookings Widget Viewer App and the links are set as our defaults, but you can take them as references.

Create a new Application in the Old Dev Center:

Add a new Widget Component (open panel, wait up to 7 hours for it to load)

• Widget URL : https://localhost:3000/
• App Settings Url : https://local.wix.com:9200/settings.html
• Wix Internal Fields : it’s a json

{
    "componentUrl": "https:\/\/localhost:3200\/component.bundle.js"
}

Note, componentUrl points to your component entry static bundle defined in your package.json , more on that in another post.

Click create and now take a look at the App Sitemap — Wix internal fields , it’s also a json you need to define:

{
    "platform": {
        "viewerScriptUrl": "https:\/\/localhost:3200\/viewerScript.bundle.js",
        "baseUrls": {
            "staticsBaseUrl": "https:\/\/localhost:3200\/"
        }
    }
}

viewerScriptUrl points to your viewerScript entry static bundle defined in your package.json . to use the urls you define there, in your createAppController function:
appParams.baseUrls.staticsBaseUrl