{"id":3184,"date":"2020-10-04T19:15:21","date_gmt":"2020-10-04T17:15:21","guid":{"rendered":"http:\/\/www.extradrm.com\/?p=3184"},"modified":"2020-10-04T19:15:21","modified_gmt":"2020-10-04T17:15:21","slug":"sharepoint-framework-tutorial-4-helloworld-deploy-to-office-365-cdn","status":"publish","type":"post","link":"https:\/\/www.extradrm.com\/?p=3184","title":{"rendered":"SharePoint Framework Tutorial 4 &#8211; HelloWorld, Deploy to Office 365 CDN"},"content":{"rendered":"<p>In this tutorial, we will deploy the HelloWorld assets to a Office 365 CDN instead of using the local environment. Starting from SPFx v1.4, you do no longer need to perform additional steps to host your JavaScript assets in the CDN, since it&#8217;s taken care of automatically by packaging assets to the sppkg file. <\/p>\n<p>You can find a written version of this tutorial from following location &#8211; https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/web-parts\/get-started\/hosting-webpart-from-office-365-cdn.<\/p>\n<p>January 2020 version using SharePoint Framework 1.10.<\/p>\n<p>More details around SharePoint Framework from http:\/\/aka.ms\/spfx<\/p>\n<p>Get involved on the SharePoint &#038; Microsoft 365 Patterns and Practices &#8211; reusable controls, components, open-source projects, community calls and much more. See more details from http:\/\/aka.ms\/sppnp <\/p>\n<p>Sharing is caring!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will deploy the HelloWorld assets to a Office 365 CDN instead of using the local environment. Starting from SPFx v1.4, you do no longer need to perform additional steps to&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":3185,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"video","meta":[],"categories":[284,527],"tags":[286,456,524,525,526],"youtube_video":{"channel_id":"UC_mKdhw-V6CeCM7gTo_Iy7w","channel_title":"Microsoft 365 Community - PnP","title":"SharePoint Framework Tutorial 4 - HelloWorld, Deploy to Office 365 CDN","description":"In this tutorial, we will deploy the HelloWorld assets to a Office 365 CDN instead of using the local environment. Starting from SPFx v1.4, you do no longer need to perform additional steps to host your JavaScript assets in the CDN, since it's taken care of automatically by packaging assets to the sppkg file. \r\n\r\nYou can find a written version of this tutorial from following location - https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/web-parts\/get-started\/hosting-webpart-from-office-365-cdn.\r\n\r\nJanuary 2020 version using SharePoint Framework 1.10.\r\n\r\nMore details around SharePoint Framework from http:\/\/aka.ms\/spfx\r\n\r\nGet involved on the SharePoint & Microsoft 365 Patterns and Practices - reusable controls, components, open-source projects, community calls and much more. See more details from http:\/\/aka.ms\/sppnp \r\n\r\nSharing is caring!","category_id":"28","category":"Science & Technology","tags":["SharePoint","Development","PnP","Dev","community","SPFx","Framework","web","part","webpart","Office","365","CDN","hosting","deployment"],"duration":1204,"iso_duration":"PT20M4S","human_duration":"20:04","definition":"hd","thumbnails":{"default":{"url":"https:\/\/i.ytimg.com\/vi\/wl2ur1SBp3Q\/default.jpg","width":120,"height":90},"medium":{"url":"https:\/\/i.ytimg.com\/vi\/wl2ur1SBp3Q\/mqdefault.jpg","width":320,"height":180},"high":{"url":"https:\/\/i.ytimg.com\/vi\/wl2ur1SBp3Q\/hqdefault.jpg","width":480,"height":360},"standard":{"url":"https:\/\/i.ytimg.com\/vi\/wl2ur1SBp3Q\/sddefault.jpg","width":640,"height":480},"maxres":{"url":"https:\/\/i.ytimg.com\/vi\/wl2ur1SBp3Q\/maxresdefault.jpg","width":1280,"height":720}},"video_id":"wl2ur1SBp3Q","published":"2020-02-07T16:19:43Z","stats":{"comments":"0","views":"3471","likes":"31","dislikes":"0","favourite":"0"},"privacy":{"status":"public","embeddable":true,"license":"youtube"}},"_links":{"self":[{"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts\/3184"}],"collection":[{"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3184"}],"version-history":[{"count":0,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts\/3184\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/media\/3185"}],"wp:attachment":[{"href":"https:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}