The High-Code Application detail page provides four functional tabs—Deployment, Tools, Gateway, and Frontend—covering the full management and user experience lifecycle of a deployed application.
The High-Code Application detail page offers four functional tabs—Deployment, Tools, Gateway, and Frontend—each dedicated to managing deployment configurations, MCP tool integrations, API gateway routing, and frontend interaction experiences.
The Deployment tab lets you manage your application’s deployment status, resource allocation, and runtime logs.
Redeploy: Click the button to update all deployment-related settings—including uploading a new code package, adjusting application performance (e.g., modifying resource specifications, instance count, and concurrency), and changing the deployment region.
Configuration: Contains three collapsible sections—Basic Configuration, Environment Variables, and Triggers—where you can view and edit core application information, define custom environment variables (e.g., API keys), and configure HTTP triggers.
Logs: View real-time runtime logs with filtering options by time range, log content, or instance ID. Build logs are accessible via the “Build Logs” link in the deployment status bar.
Stop Service: When your application no longer needs to run, stop it from the Deployment tab to reduce costs.
High-Code Applications support one-stop MCP tool integration. From the Tools tab, you can associate your application with MCP services such as knowledge bases, workflows, and plugins. For detailed configuration instructions, refer to:
After your application has been thoroughly tested and its performance meets expectations, deploy it to production—and enable the Gateway feature to expose your cloud-hosted service via a custom domain and gateway routing.
From the Gateway tab in the High-Code Application detail page, follow the console wizard to create an Alibaba Cloud-native API Gateway instance. (A nominal usage fee applies; see the Cloud-Native API Gateway Pricing Overview for details.)
⚠️ Important: Your application’s deployment region must match the region where the API Gateway is deployed.
Once new API routes and token-based authentication rules take effect, your High-Code Application remains fully accessible.
For production use: We recommend disabling the Test Domain toggle—this prevents public access to your test domain.
Example cURL call:
The Frontend tab offers three ways to build rich, interactive interfaces for your High-Code Application:
Direct Interaction: Switch to text-based chat mode and interact directly with your application inside the console for quick testing.
Custom Interaction Cards: Define rich UI elements—such as formatted text, buttons, and forms—by customizing interaction card styles directly in your application code.
Custom Frontend WebUI: Build a complete frontend interface using the AgentScope Spark Design framework. Spark Design provides two core packages:
Deployment
The Deployment tab lets you manage your application’s deployment status, resource allocation, and runtime logs.
Redeploy: Click the button to update all deployment-related settings—including uploading a new code package, adjusting application performance (e.g., modifying resource specifications, instance count, and concurrency), and changing the deployment region.
Any configuration update or service restart triggers a full rebuild and redeployment of your application.
Tools
High-Code Applications support one-stop MCP tool integration. From the Tools tab, you can associate your application with MCP services such as knowledge bases, workflows, and plugins. For detailed configuration instructions, refer to:
Gateway
After your application has been thoroughly tested and its performance meets expectations, deploy it to production—and enable the Gateway feature to expose your cloud-hosted service via a custom domain and gateway routing.
From the Gateway tab in the High-Code Application detail page, follow the console wizard to create an Alibaba Cloud-native API Gateway instance. (A nominal usage fee applies; see the Cloud-Native API Gateway Pricing Overview for details.)
⚠️ Important: Your application’s deployment region must match the region where the API Gateway is deployed.
Once new API routes and token-based authentication rules take effect, your High-Code Application remains fully accessible.
For production use: We recommend disabling the Test Domain toggle—this prevents public access to your test domain.
Example cURL call:
Frontend
The Frontend tab offers three ways to build rich, interactive interfaces for your High-Code Application:
Direct Interaction: Switch to text-based chat mode and interact directly with your application inside the console for quick testing.
Custom Interaction Cards: Define rich UI elements—such as formatted text, buttons, and forms—by customizing interaction card styles directly in your application code.
Custom Frontend WebUI: Build a complete frontend interface using the AgentScope Spark Design framework. Spark Design provides two core packages:
@agentscope-ai/design— A UI component library@agentscope-ai/chat— A chat-specific component library