How can I help you?
Deploy PDF Viewer server app to Azure App Service from Visual Studio
17 Feb 20261 minute to read
Publish the Syncfusion PDF Viewer Web API from Visual Studio to Azure App Service to host the backend required by the TypeScript PDF Viewer client. This workflow packages the project, deploys it to Azure, and provides a public endpoint for the component’s serviceUrl.
Prerequisites
- Visual Studio 2017 or 2019 with the Azure development workload installed
- Active Azure subscription. Sign up from the Azure pricing page
- Existing PDF Viewer Web API project. Follow the article Create a PDF Viewer Web API application in ASP.NET Core
- Build the project (Build > Build Solution) before publishing to catch compilation errors locally
Publish to Azure App Service
Follow these steps to publish the Web API and generate the App Service endpoint that the TypeScript PDF Viewer client uses.
Step 1: In Solution Explorer, right-click the project and choose Publish (or use Build > Publish) to open the publishing wizard.
Step 2: If no profile exists, select Create new profile to configure deployment settings.
Step 3: In Pick a publish target, choose App Service so Visual Studio provisions or reuses an Azure App Service instance.
Step 4: Select Publish. In Create App Service, sign in if prompted and review the default resource group, plan, and hosting settings.
Security note: Store the
SYNCFUSION_LICENSE_KEYin Azure App Service application settings or Azure Key Vault references instead of embedding it in source code or publish profiles.
Step 5: Select Create. After deployment, the app is available at https://<app_name>.azurewebsites.net (for example, https://ej2-pdfviewer-server20200513053326.azurewebsites.net).
Step 6: Verify the API at https://<app_name>.azurewebsites.net/api/pdfviewer. A default GET response indicates the server is running.
Update the TypeScript PDF Viewer client to use the secure service endpoint (for example, https://ej2-pdfviewer-server20200513053326.azurewebsites.net/api/pdfviewer) as the serviceUrl. Refer to the Getting started with the TypeScript PDF Viewer guide for client configuration steps.
For production deployment guidance, review the Azure App Service deployment documentation. An architecture diagram illustrating the Visual Studio deployment process and client-to-server communication can help onboarding teams understand the workflow.