{"id":6081,"date":"2020-04-02T14:42:45","date_gmt":"2020-04-02T14:42:45","guid":{"rendered":"https:\/\/www.softreetechnology.com\/?p=6081"},"modified":"2020-04-02T14:42:45","modified_gmt":"2020-04-02T14:42:45","slug":"deploy-spfx-webpart-to-office-365-public-cdn","status":"publish","type":"post","link":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/","title":{"rendered":"Deploy SPFX-webpart to Office 365 Public CDN"},"content":{"rendered":"\n<p><strong>What is Office 365 CDN?<\/strong><\/p>\n\n\n\n<p>     The Office 365 CDN (Content Delivery Network) allows you to easily publish your files directly from SharePoint document libraries to servers. Publishing a file to the Office 365-based CDN is as simple as uploading it to a document library. Using a specific URL, the files can be accessed instantly through the CDN. <\/p>\n\n\n\n<p>After creating SPFX webpart we must deploy it to a hosting environment from where SharePoint can access it.<\/p>\n\n\n\n<p>In this article we will learn how to deploy SPFX webpart to<strong> Office 365 CDN<\/strong>.<\/p>\n\n\n\n<p>For that we have to follow below steps,<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Configure CDN In Office 365 CDN Tenan.<\/li><li>Set-Up New Office 365 CDN in Tenant.<\/li><li>Configure SPFx Solution for Azure CDN &#8211; Update package details.<\/li><li>Update CDN Path.<\/li><li>Prepare the package.<\/li><li>Deploy Package to SharePoint and Upload package to App Catalog<\/li><li>.Test the webpat.<\/li><\/ol>\n\n\n\n<ol class=\"wp-block-list\"><li><strong> Configure CDN In Office 365 CDN Tenant <\/strong><\/li><\/ol>\n\n\n\n<p>       In SharePoint online any of the document libraries can be promoted as CDN , which will help to serve the JS files for SPFx client web parts hosted in SharePoint. This CDN location, being public, can be accessed easily.<\/p>\n\n\n\n<p>Please follow these steps to configure the\nCDN in Office 365,<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Make sure that the latest version of SharePoint online management shell is installed, if not, then install first.<\/li><li>Open the SharePoint online management shell.<\/li><li>Connect to SharePoint online through the following cmdlet below.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Connect-SPOService <\/em><\/strong><em>&#8211;<\/em><strong><em>Url<\/em><\/strong><em> <\/em><a href=\"https:\/\/[tenant]-admin.sharepoint.com\"><em>https:\/\/[tenant]-admin.sharepoint.com<\/em><\/a><\/li><\/ul>\n\n\n\n<p>Replace with your actual tenant.<br>\n\u2022Check if CDN is enabled or not in your tenant by using the below command<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Get-SPOTenantCdnEnabled -CdnType Public&nbsp; <\/em><\/strong><\/li><\/ul>\n\n\n\n<p>This command will return <em>TRUE<\/em> if already enabled, otherwise <em>FALSE<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-2.png\" alt=\"\" class=\"wp-image-6082\" width=\"508\" height=\"118\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Get-SPOTenantCdnOrigins -CdnType Public &nbsp;<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>This command will return the location of CDN if enabled, otherwise nothing.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Get-SPOTenantCdnPolicies -CdnType Public&nbsp;<\/em> <\/strong><\/li><\/ul>\n\n\n\n<p>This will return Policy setting of CDN.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/2-2.png\" alt=\"\" class=\"wp-image-6083\" width=\"521\" height=\"126\"\/><\/figure><\/div>\n\n\n\n<p>To enable CDN run below Command.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Set-SPOTenantCdnEnabled -CdnType Public&nbsp; <\/em><\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/3-2.png\" alt=\"\" class=\"wp-image-6084\" width=\"422\" height=\"236\"\/><\/figure><\/div>\n\n\n\n<p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nAfter enabling the CDN, *\/CLIENTSIDEASSETS origin is by default added as\na valid origin. By default, allowed file extensions are CSS, EOT, GIF, ICO,\nJPEG, JPG, JS, MAP, PNG, SVG, TTF, and WOFF.\n\n\n\n<\/p>\n\n\n\n<p>The configuration takes up to 15 to 20 minutes.<br>To check the current status of CDN endpoints, run below command.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>G<em>et-SPOTenantCdnOrigins -CdnType Public<\/em><\/strong>&nbsp; &nbsp;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/4-1.png\" alt=\"\" class=\"wp-image-6085\" width=\"533\" height=\"87\"\/><\/figure><\/div>\n\n\n\n<p>Once the origin is ready, the output will be as shown below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/5-2.png\" alt=\"\" class=\"wp-image-6086\" width=\"535\" height=\"89\"\/><\/figure><\/div>\n\n\n\n<p><strong>2. Setup New Office 365 CDN In Tenant<\/strong><\/p>\n\n\n\n<p>To set up a new CDN location please follow the below steps.<\/p>\n\n\n\n<p> \u2022 Open a SharePoint site.<br> \u2022 Create a <strong>document library <\/strong>(e.g. CDN)  <br> \u2022 Run below command<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>Add-SPOTenantCdnOrigin -CdnType Public -OriginUrl sites\/[site-collection-name]\/[document-library] &nbsp;<\/em>&nbsp;<\/strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/li><\/ul>\n\n\n\n<p>The New CDN configuration will take\n10 -15 minutes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-3.png\" alt=\"\" class=\"wp-image-6088\" width=\"499\" height=\"76\"\/><\/figure><\/div>\n\n\n\n<p>\u2022 Create a folder in document library (CDN) preferably with the name of the webpart (e.g. Deploy Office 365 CDN).<br>\n\u2022 Type below the Url in your browser to get the path.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>https &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                                                                   &nbsp;:\/\/[tenant].sharepoint.com\/_vti_bin\/publiccdn.ashx\/url?itemurl =&nbsp;                                                                                       https:\/\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                                                                                                     &nbsp;[tenant].sharepoint.com\/sites\/[site-collection-name]\/[document-&nbsp;library]\/[folder]&nbsp;&nbsp;<\/em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>3. Configure SPFx Solution for Azure CDN &#8211; Update package details<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open Command prompt.<\/li><li>Open SPFX solution folder in command prompt.<\/li><li>Type &#8220;<strong> code.&#8221;<\/strong> to open the solution in code editor.<\/li><li>Open <strong>package-solution.json<\/strong> file from <strong>config<\/strong> folder. This file takes care of solution packaging.<\/li><li>Set <strong>includeClientSideAssets<\/strong> value as false. The client-side assets will not be packaged inside  the final package (.sppkg file) because these will be hosted on external Office 365 public CDN.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/2-3.png\" alt=\"\" class=\"wp-image-6091\" width=\"503\" height=\"231\"\/><\/figure><\/div>\n\n\n\n<p><strong>4. Update CDN path<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open <strong>write-manifests.json<\/strong> from config folder.<\/li><li>Update CDN base path as Office 365 CDN end point.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/3-3-1024x239.png\" alt=\"\" class=\"wp-image-6092\" width=\"724\" height=\"168\"\/><\/figure><\/div>\n\n\n\n<p><strong>5. Prepare the package<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>gulp bundle \u2013ship&nbsp; <\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Run above command in command prompt.<br>This will minify the required assets to upload to CDN. The ship switch denotes distribution. The minified assets are located in <strong>\u201ctemp\\deploy<\/strong>\u201d folder.<br>Upload the files from \u201c<strong>temp\\deploy<\/strong>\u201d folder to CDN location (SharePoint document library setup as CDN)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/4-2-1024x190.png\" alt=\"\" class=\"wp-image-6093\" width=\"491\" height=\"91\"\/><\/figure><\/div>\n\n\n\n<p><strong>6. Deploy Package to SharePoint and upload package to App Catalog.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>gulp package-solution \u2013ship&nbsp; <\/em><\/strong><\/li><\/ul>\n\n\n\n<p>The above Command will create solution package (.sppkg) in<strong> SharePoint\\solution<\/strong> folder.<br>After that we have to upload solution package to <strong>App catalog<\/strong> and make sure that the URL is pointing to Office 365 CDN.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/6-1.png\" alt=\"\" class=\"wp-image-6094\" width=\"416\" height=\"221\"\/><\/figure><\/div>\n\n\n\n<p>click <strong>Deploy.<\/strong> <\/p>\n\n\n\n<p><strong>7. Test the Webpart<\/strong><\/p>\n\n\n\n<p> \u2022 Open any SharePoint site in your tenant.<br> \u2022 Add the App to your site from \u201c<strong>Add an App<\/strong>\u201d menu.<br> \u2022 Edit any page and add the webpart.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/5-3.png\" alt=\"\" class=\"wp-image-6096\" width=\"375\" height=\"237\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/7-1.png\" alt=\"\" class=\"wp-image-6097\" width=\"471\" height=\"126\"\/><\/figure><\/div>\n\n\n\n<p><strong><em>Summary<\/em><\/strong><\/p>\n\n\n\n<p>Deployment of SPFx webpart in <strong>Office 365 CDN<\/strong> is a good Option.<br>In this article, we got an insight of how SPFx solution assets can be served using <strong>Office 365 CDN<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Office 365 CDN? The Office 365 CDN (Content Delivery Network) allows you to easily publish your files directly from SharePoint document libraries to servers. Publishing a file to the Office 365-based CDN is as simple as uploading it to a document library. Using a specific URL, the files can be accessed instantly through the CDN. After creating SPFX [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127],"tags":[],"class_list":["post-6081","post","type-post","status-publish","format-standard","hentry","category-office-365"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Deploy SPFX-webpart to Office 365 Public CDN - Softree Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deploy SPFX-webpart to Office 365 Public CDN - Softree Technology\" \/>\n<meta property=\"og:description\" content=\"What is Office 365 CDN? The Office 365 CDN (Content Delivery Network) allows you to easily publish your files directly from SharePoint document libraries to servers. Publishing a file to the Office 365-based CDN is as simple as uploading it to a document library. Using a specific URL, the files can be accessed instantly through the CDN. After creating SPFX [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/\" \/>\n<meta property=\"og:site_name\" content=\"Softree Technology\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-02T14:42:45+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deploy SPFX-webpart to Office 365 Public CDN - Softree Technology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/","og_locale":"en_US","og_type":"article","og_title":"Deploy SPFX-webpart to Office 365 Public CDN - Softree Technology","og_description":"What is Office 365 CDN? The Office 365 CDN (Content Delivery Network) allows you to easily publish your files directly from SharePoint document libraries to servers. Publishing a file to the Office 365-based CDN is as simple as uploading it to a document library. Using a specific URL, the files can be accessed instantly through the CDN. After creating SPFX [&hellip;]","og_url":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/","og_site_name":"Softree Technology","article_published_time":"2020-04-02T14:42:45+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#article","isPartOf":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/"},"author":{"name":"admin","@id":"https:\/\/softreetechnology.com\/blog\/#\/schema\/person\/98740297642f06debccdcee2de84086b"},"headline":"Deploy SPFX-webpart to Office 365 Public CDN","datePublished":"2020-04-02T14:42:45+00:00","mainEntityOfPage":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/"},"wordCount":1032,"commentCount":0,"publisher":{"@id":"https:\/\/softreetechnology.com\/blog\/#organization"},"image":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#primaryimage"},"thumbnailUrl":"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-2.png","articleSection":["Office 365"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/","url":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/","name":"Deploy SPFX-webpart to Office 365 Public CDN - Softree Technology","isPartOf":{"@id":"https:\/\/softreetechnology.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#primaryimage"},"image":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#primaryimage"},"thumbnailUrl":"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-2.png","datePublished":"2020-04-02T14:42:45+00:00","breadcrumb":{"@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#primaryimage","url":"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-2.png","contentUrl":"https:\/\/www.softreetechnology.com\/wp-content\/uploads\/2020\/04\/1-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/softreetechnology.com\/blog\/office-365\/deploy-spfx-webpart-to-office-365-public-cdn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/softreetechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Deploy SPFX-webpart to Office 365 Public CDN"}]},{"@type":"WebSite","@id":"https:\/\/softreetechnology.com\/blog\/#website","url":"https:\/\/softreetechnology.com\/blog\/","name":"Softree Technology","description":"Celebrating 10+ Years in SharePoint Consulting !","publisher":{"@id":"https:\/\/softreetechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/softreetechnology.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/softreetechnology.com\/blog\/#organization","name":"Softree Technology","url":"https:\/\/softreetechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/softreetechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/softreetechnology.com\/blog\/wp-content\/uploads\/2023\/03\/cropped-white-logo-soft.png","contentUrl":"https:\/\/softreetechnology.com\/blog\/wp-content\/uploads\/2023\/03\/cropped-white-logo-soft.png","width":844,"height":230,"caption":"Softree Technology"},"image":{"@id":"https:\/\/softreetechnology.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/softreetechnology.com\/blog\/#\/schema\/person\/98740297642f06debccdcee2de84086b","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/softreetechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6fc78c8a7aa3fb0bf43c3b9a2e3962d7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6fc78c8a7aa3fb0bf43c3b9a2e3962d7?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/softreeconsulting.com"],"url":"https:\/\/softreetechnology.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/posts\/6081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=6081"}],"version-history":[{"count":0,"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/posts\/6081\/revisions"}],"wp:attachment":[{"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=6081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=6081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softreetechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=6081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}