Create and bind a Miniapp project to SuperApp - SuperApp - Alibaba Cloud - SuperApp

Create a MiniApp in the SuperApp Business Application Platform to get an app ID, then use that ID to connect your local project to SuperApp. Once bound, you can package, build, and publish MiniApps directly from VS Code.

1. Create a MiniApp

If you already have a MiniApp, skip to step 2. Otherwise, follow these steps to create one.

Log in to the SuperApp Business Application Platform.
Create a MiniApp.
1. If no MiniApps appear in the console, create one:
  1. Click Create MiniApp on the MiniApp page. Fill in the required details — name, type, permissions, slogan, description, logo, contact phone number, and email address — then click Create.
  2. After creation, you can edit and publish the MiniApp.
If you already have a MiniApp, click its name to edit its details.

MiniApp list:

Create a MiniApp:

Edit MiniApp:

2. Bind your MiniApp

In the VS Code extension, click Login to authenticate with the Open Platform.
Click Select Space & Bind MiniApp. The flow depends on whether a MiniApp is already linked:
1. No MiniApp linked (first-time binding)
  1. A list of available workspaces appears.
  2. Select a workspace and click Next.
  3. Select the MiniApp to link from the app list and click OK.
  4. A confirmation message appears when the binding is complete.
2. MiniApp already linked
  1. A prompt appears at the top of VS Code showing the currently linked MiniApp. Choose one of the following:
    - No: Keep the current binding.
    - Yes: Re-enter the workspace and app selection flow to link a different MiniApp.

Note

Each MiniApp only needs to be bound once. Binding the same MiniApp again has no effect.

Select Space & Bind MiniApp:

MiniApp already bound: