All Content
Timespan
explore our new search
Guide to Deploying Web Resources Using Azure DevOps Pipeline
Image Source: Shutterstock.com
Developer Tools
Oct 19, 2022 9:15 PM

Guide to Deploying Web Resources Using Azure DevOps Pipeline

by HubSite 365 about Temmy Wahyu Raharjo

Citizen DeveloperPower DevOpsDeveloper ToolsM365 Hot News

Master web resource deployment with Azure DevOps Pipeline, leverage Dataverse DevTools & SparkleXrm for efficient Microsoft development.

The blog post details the process of deploying web resources utilizing Azure DevOps Pipeline, building upon the insights provided by Benedikt Bergmann in his blog. While the author, Temmy Wahyu Raharjo, acknowledges Bergmann's work, he prefers learning through hands-on experience. During this post, he creates the web resource project utilizing Developer Tools by Danish Naglekar and publishes to the Dev environment using SparkleXrm by Scott Durow.

Raharjo emphasizes how the DevOps is dynamic and its use varies according to individuals or organizations. For the author, the deployment and publishing of the code for Plugin or WebResources should be the primary source of truth, ensuring the deployment solutions remain in a stable condition during the whole process.

One of the first important steps in this process is to establish a .NET Library project, matching the same standards and requirements as the Plugin project and then install spkl via NuGet package. He underlines the importance of Dataverse Developer Tools in efficiently creating and updating web resource customizations, which involves generating a sample typing and creating a TypeScript file. The benefits of using Dataverse include its ability to conventionally publish all the web resources.

After making changes to the project, you can run “npm run build” to generate your file on the WebResources folder, followed by clicking and selecting either to “Link to Existing Web Resource” or “Upload & Publish Web Resource”. Once you deploy, the system will automatically create dvdt.linker.xml that can be used to update spkl.json. Afterward, the focus can shift to the Azure Pipeline.

Working With Azure Pipeline

Azure Pipeline requires a thorough setup where NuGet and Node.js tools are installed and the solution is restored. The commands ‘npm install’ and ‘npm run build-dev’ are executed to get npm packages and rebuild all the files in the WebResources folder. Files such as deploy-webresources-devops.bat, spkl.json, and all the files in the WebResources folder are copied to Azure Artifacts.

In the end, Raharjo presents the steps and format for setting up pipeline variables and deploying web resources. The deployment of web resources is completed when the deploy-webresources-devops.bat is successfully run. The pipeline trigger responds when the master branch updates, accompanied by a demonstration showing the pipeline results.

The application of Developer Tools and Azure Pipeline in web resource deployment reflects the increasing efficiency and dynamism in DevOps, offering multiple paths to achieve the desired results.

Read the full article Learn how to deploy web resources with Azure DevOps Pipeline

Developer Tools - Guide to Deploying Web Resources Using Azure DevOps Pipeline

Learn about Learn how to deploy web resources with Azure DevOps Pipeline

In this blog post, we delve into mastering the deployment of web resources using Azure DevOps Pipeline, a process similar to Benedikt Bergmann's explanation in his post. An important aspect to focus on is creating the web resource project with Dataverse DevTools by Danish Naglekar, and deploying and publishing to a Dev environment via Scott Durow's SparkleXrm.

Running DevOps varies depending on an organization or user's perspective. To me, the code itself is the ultimate source to be considered while deploying and publishing Plugin or WebResources, not ones from the plugin assembly or web resource deployed in the dev environment. This ensures the deployment solutions are in the correct state.

To kickstart the process, a .NET Library project creation is required. Make sure it is in line with the Plugin project, i.e., using .NET Framework 4.6.2. Next install the spkl via NuGet package.

For those unfamiliar, Dataverse DevTools is a great go-to. After setting up the project, I suggest generating a sample typing and creating a TypeScript file. The DevTools allows you to conventionally publish all the web resources or a single web resource. Once you're done with the modifications, run "npm run build", generate your file in the WebResources folder and you can choose to "Link to Existing Web Resource" or "Upload & Publish Web Resource".

The Dataverse DevTools offers the convenience of automatically creating dvdt.linker.xml which we can use to update spkl.json. Once you have completed this, shift your focus to the Azure Pipeline. The .yml final setup is as follows:

<pre> [Your .yml code here] </pre>

When creating the pipeline, I suggest establishing the following variables:

  • We need to use a Windows machine to build.
  • Install the NuGet tool and restore the solution.
  • Install Node.js and launch npm packages.
  • Recreate all the files in the WebResources folder.
  • Copy the necessary files to Azure Artifacts.
  • Finally, run the deploy-webresources-devops.bat

My recommended format for the devConnection variable is similar to what Benedikt provided:

URL=https://<your org>.crm4.dynamics.com/; Username=<your Username>; AuthType=Office365; RequireNewInstance=True; Password=

Finally, here is the deploy-webresources-devops.bat format:

<pre> [Your BAT code here] </pre>

And voila, your pipeline is successfully deployed!

Happy DevOps-ing and do not hesitate to check out my other reference blogs for more insights.

More links on about Learn how to deploy web resources with Azure DevOps Pipeline

Learn how to deploy web resources with Azure DevOps Pipeline
Dec 10, 2022 — Before we begin, this topic is similar to what Benedikt Bergmann explains in his blog post. But like always, if I do not yet try it by ...
Deploy to App Service using Azure Pipelines
Oct 18, 2022 — Screenshot of Azure web app task. Select Azure Resource Manager for the Connection type and choose your Azure subscription. Make sure to ...
Deploying Web resources or Plugins with Azure DevOps ...
Jul 14, 2020 — Solution. To implement this, we will create two pipelines (1 build pipeline and one release pipeline). Create Webres artifact; Deploy to Dev ...

Keywords

Azure DevOps Pipeline Tutorial, Deploying Web Resources Azure, Learn Azure DevOps, Azure DevOps Web Deployment, Azure DevOps for web, Web Resources on Azure, DevOps Azure Training, Azure Web Resources Deployment, Azure Pipeline Deployment Guide, Learn Web Deploy Azure DevOps