How to upload and open word documents from azure file storage in Blazor – Document Editor You can upload the content of the document editor as a word document to azure storage and load the word documents in the document editor from azure file storage. Refer to the steps below where we will build the Blazor server-side application with document editor component to programmatically connect with azure file storage for opening and saving the word documents. Step 1: Please refer to the documentation below and integrate the document editor component in blazor server-side application. https://blazor.syncfusion.com/documentation/document-editor/getting-started/server-side-application/?no-cache=1 Step 2: Install Microsoft.Azure.Storage.File package for working with the Microsoft Azure Storage File service. https://www.nuget.org/packages/Microsoft.Azure.Storage.File/11.1.5?_src=template Step 3: Need a connection string to access data in an Azure Storage account at runtime. Refer to the below link for details on connection string. https://docs.microsoft.com/en-us/azure/storage/common/storage-configure-connection-string Index.razor @page "/" @using Syncfusion.Blazor.DocumentEditor @using System.IO; @using System.Net; @using System.Web; @using Newtonsoft.Json; @using Microsoft.Azure.Storage; @using Microsoft.Azure.Storage.File; @using Syncfusion.Blazor.Buttons; @using Newtonsoft.Json <SfButton IsPrimary="true" @onclick="onOpen">Open</SfButton> <SfButton IsPrimary="true" @onclick="onUpload">Upload</SfButton> <SfDocumentEditorContainer ID="container" @ref="container" Height="590px" EnableToolbar="true"> <DocumentEditorContainerEvents Created="OnLoad"></DocumentEditorContainerEvents> </SfDocumentEditorContainer> @code{ SfDocumentEditorContainer container; // Set your connection string. // To check your connection string please refer below url. // https://docs.microsoft.com/en-us/azure/storage/common/storage-configure-connection-string // Below is the dummy connecting string. Set yours. string connectionString = "DefaultEndpointsProtocol=http;AccountName=devstoreaccount1;AccountKey=Eby8vdM02xNOcqFlqUwJPLlmEtlCDXJ1OUzFT50uSRZ6IFsuFq2UVErCz4I6tq/K1SZFPTOtr/KBHBeksoGMGw==;BlobEndpoint=http://127.0.0.1:10000/devstoreaccount1;TableEndpoint=http://127.0.0.1:10002/devstoreaccount1;QueueEndpoint=http://127.0.0.1:10001/devstoreaccount1"; public void OnLoad(object args) { string filePath = "wwwroot/data/GiantPanda.docx"; using (FileStream fileStream = new FileStream(filePath, System.IO.FileMode.Open, System.IO.FileAccess.Read)) { WordDocument document = WordDocument.Load(fileStream, ImportFormatType.Docx); string json = JsonConvert.SerializeObject(document); document.Dispose(); fileStream.Dispose(); DocumentEditorModule editor = container.GetDocumentEditor(); editor.Open(json); editor.DocumentName = "GiantPanda.docx"; } } public void onOpen() { //File share name //For creating file shares, select your storage account. then select File shares under File service. then create new fileshare by clicking on File share button. //Set the newly created file share name to share reference. string shareReference = "documents";// Here we have created documents as file share name. please set yours. //File name to be loaded into Syncfusion Document Editor string fileReference = "GiantPanda.docx"; CloudStorageAccount cloudStorageAccount = CloudStorageAccount.Parse(connectionString); CloudFileClient fileClient = cloudStorageAccount.CreateCloudFileClient(); //Get file share CloudFileShare cloudFileShare = fileClient.GetShareReference(shareReference); if (cloudFileShare.Exists()) { //Get the related directory CloudFileDirectory dir = cloudFileShare.GetRootDirectoryReference(); if (dir.Exists()) { //Get the file reference CloudFile file = dir.GetFileReference(fileReference); MemoryStream memoryStream = new MemoryStream(); //Download file to local disk file.DownloadToStream(memoryStream); WordDocument document = WordDocument.Load(memoryStream, ImportFormatType.Docx); container.GetDocumentEditor().Open(JsonConvert.SerializeObject(document)); document.Dispose(); memoryStream.Dispose(); } } ; } public async void onUpload() { DocumentEditorModule editor = container.GetDocumentEditor(); object base64Data = await editor.SaveAsBlob(FormatType.Docx); Dictionary<string, string> documentContent = Newtonsoft.Json.JsonConvert.DeserializeObject<Dictionary<string, string>>(base64Data.ToString()); byte[] data = Convert.FromBase64String(documentContent["data"]); Stream stream = new MemoryStream(data); //Connect to Azure CloudStorageAccount storageAccount = CloudStorageAccount.Parse(connectionString); // Create a reference to the file client. CloudFileClient fileClient = storageAccount.CreateCloudFileClient(); // Get a reference to the file share we created previously. CloudFileShare share = fileClient.GetShareReference("documents"); if (share.Exists()) { // Generate a SAS for a file in the share CloudFileDirectory rootDir = share.GetRootDirectoryReference(); CloudFile file1 = rootDir.GetFileReference("GiantPanda.docx"); Stream fileStream = stream; file1.UploadFromStream(fileStream); fileStream.Dispose(); } } } Output In this sample, added a button to upload the document editor content as docx document to azure file storage and button to open the uploaded document in document editor. You can download the sample from below link. https://www.syncfusion.com/downloads/support/directtrac/general/ze/DocEditorBlazorApp1688354291
Mail merge is a process of merging data from data source to a Word template document. Syncfusion® Essential® DocIO is a .NET Word library used to generate reports like invoice, payroll, letter, and more by performing mail merge faster in a batch process without Microsoft Word or interop dependencies. Using this library, you can mail merge Word document in Azure Cloud Service. Steps to Mail merge Word document programmatically: Create a new Azure Cloud Service application Project. In new Microsoft Azure Cloud Service dialog, select ASP.NET Web Role, and click the right arrow button to add into your solution. You can also rename the role using context menu by right-clicking the selected role. Select an empty project template for creating ASP.NET applications. Finally, the Cloud Service project is created successfully as shown in the following screenshot. Install the Syncfusion.DocIO.AspNet NuGet package as a reference to your ASP.NET Web project from NuGet.org. Add a new Web Form in your project. Right-click the project, select Add > New Item, and add a Web Form from the list. Name it as Default. Add a new button in the Default.aspx as shown in the following code sample.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MailMergeWord.Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form2" runat="server"> <div> <asp:Button ID="Button1" runat="server" Text="Create Document" OnClick="OnButtonClicked" /> </div> </form> </body> </html> Include the following namespace in your Default.aspx.cs file.using Syncfusion.DocIO; using Syncfusion.DocIO.DLS; using System; using System.Web; Include the following code in the click event of the button in Default.aspx.cs to mail merge Word document and download it.//Opens the Word template document using (WordDocument document = new WordDocument(ResolveApplicationDataPath("/") + "/Letter Formatting.docx")) { string[] fieldNames = { "ContactName", "CompanyName", "Address", "City", "Country", "Phone"}; string[] fieldValues = { "Nancy Davolio", "Syncfusion", "507 - 20th Ave. E.Apt. 2A", "Seattle, WA", "USA", "(206) 555-9857-x5467" }; //Performs the mail merge document.MailMerge.Execute(fieldNames, fieldValues); //Saves the Word file to disk in DOCX format document.Save("Result.docx", FormatType.Docx, HttpContext.Current.Response, HttpContentDisposition.Attachment); } //Get the path for Word template document protected string ResolveApplicationDataPath(string fileName) { //Data folder path is resolved from requested page physical path string dataPath = new System.IO.DirectoryInfo(Request.PhysicalPath + "..\\..\\Data\\").FullName; return string.Format("{0}\\{1}", dataPath, fileName); } Publish in Azure Cloud Service In Solution Explorer, right-click the project and select Publish. Create Cloud service and storage account. Sign in with your Azure credentials. Go to Settings > create a new cloud service. Select the following details in the drop-down list and then click Next: Environment > Production Build Configuration > Release Service Configuration > Cloud Enable remote desktop, so that you can access the VM. After enabling the remote desktop, it prompts to enter user credentials to connect remotely. Select Diagnostic menu and enable the “Send diagnostics data to Application Insights” checkbox to easily diagnose the issues in Cloud service. Click "Publish". Get the URL from the deployment result and test it. Open the published Azure cloud app URL in browser to generate mail merged Word document in Azure Cloud Service. A complete working example of mail merge Word document in Azure Cloud Service can be downloaded from mail merge Word document.zip By executing the program, you will get the Word document as follows. Take a moment to peruse the documentation, where you will find basic Word document processing options along with features like mail merge, merge and split documents, find and replace text in the Word document, protect the Word documents, and most importantly PDF and Image conversions with code examples. Explore more about the rich set of Syncfusion® Word Framework features. An online example to perform mail merge in Word document. See Also: Mail Merge Word document in Azure App Service Mail Merge Word document in Azure functions v1 Mail Merge Word document in ASP.NET Mail Merge Word document in ASP.NET Core Mail Merge Word document in ASP.NET MVC Note:Starting with v16.2.0.x, if you reference Syncfusion® assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to link to learn about generating and registering Syncfusion® license key in your application to use the components without trail message.
To build Xamarin.Forms application in build center, kindly follow the steps described below. Connecting to a source repository To build your application in Mobile Center, you should connect your code repository service (GitHub, Bitbucket, VSTS) account. You can commit your application in any one of the below listed accounts. Visual Studio Team Services (VSTS) GitHub Bitbucket For more details, we kindly request you to refer the below link. Link: https://docs.microsoft.com/en-us/mobile-center/build/connect Restoring private NuGet To restore NuGet, you should commit NuGet.config file at the root folder of your application in GitHub repository as per the below screenshot. Your NuGet which you are going to use in your application should have been added as package source in that NuGet.Config file. Build your application in Mobile Center Please follow the below steps to know about how to build an application in Mobile Center. 1. Login into your azure account. 2. Once you logged in, click on Add new app. 3. Add the details about your newly created app such as Name, Description, OS, Platform. 4. You can create application in the OS/Platform which would you like. Note:If you have created your application in Android OS under Xamarin platform, you can able to build Android platform only. You should create a new application, if you want to run your application in iOS under Xamarin. 5. Click the Build option to build an application. 6. You can select any one of the service listed below (Visual Studio Team Services/ GitHub/Bitbucket). Ex: Connect your GitHub account and choose the repository which you created under your GitHub account. 7. Click on the branch as per the below screenshot. 8. Finally, Configure your build. 9. While configuring the build, you can change the Configuration mode either as Debug or release and Mono version too. 10. Once you done all the above configuration process, just click on the Save & Build option it will start to build your application automatically. Note:Please refer the below link to know the brief details about how to build an application in mobile center project. Link: https://docs.microsoft.com/en-us/appcenter/
