1 00:00:02,785 --> 00:00:04,507 Now that we have seen the theory, let's go 2 00:00:04,507 --> 00:00:06,795 to the lab environment and see how 3 00:00:06,795 --> 00:00:09,586 customizations are deployed inside the 4 00:00:09,586 --> 00:00:12,246 SharePoint Online app catalog, both at the 5 00:00:12,246 --> 00:00:14,913 tenant level, as well as at the site 6 00:00:14,913 --> 00:00:18,166 collection level. We are now in the demo 7 00:00:18,166 --> 00:00:21,526 environment and let me open up the 8 00:00:21,526 --> 00:00:24,908 SharePoint Online admin center. Now how do 9 00:00:24,908 --> 00:00:27,810 we know if we have an app catalog? If your 10 00:00:27,810 --> 00:00:30,579 tenant is new, it doesn't come pre-created 11 00:00:30,579 --> 00:00:33,667 by default. My tenant already has one and 12 00:00:33,667 --> 00:00:36,938 the name is pretty easy; it's AppCatalog; 13 00:00:36,938 --> 00:00:39,913 however, if you're not sure, the easiest 14 00:00:39,913 --> 00:00:44,070 way is to go inside Classic features. You 15 00:00:44,070 --> 00:00:46,331 will have Apps as an option here. Click on 16 00:00:46,331 --> 00:00:51,413 Open, and then the first option is the App 17 00:00:51,413 --> 00:00:54,291 Catalog. Once you click on it, if it 18 00:00:54,291 --> 00:00:55,979 doesn't exist, it will bring you to a page 19 00:00:55,979 --> 00:00:58,564 where you can create it. If it exists, it 20 00:00:58,564 --> 00:01:01,835 will simply redirect you to your existing 21 00:01:01,835 --> 00:01:04,971 app catalog as it did for me in the demo 22 00:01:04,971 --> 00:01:07,227 environment, and remember you can only 23 00:01:07,227 --> 00:01:10,212 have one per tenant. I went here into Apps 24 00:01:10,212 --> 00:01:12,281 for SharePoint, and I actually 25 00:01:12,281 --> 00:01:14,315 pre-downloaded two different applications; 26 00:01:14,315 --> 00:01:17,824 one of them is the SharePoint Framework 27 00:01:17,824 --> 00:01:20,818 Fantastic 40, and the other one is the 28 00:01:20,818 --> 00:01:23,028 SharePoint Starter Kit. So let's go for 29 00:01:23,028 --> 00:01:25,225 this one; I actually have the links in 30 00:01:25,225 --> 00:01:27,528 this file that you can download with the 31 00:01:27,528 --> 00:01:29,951 exercise files if you want to download the 32 00:01:29,951 --> 00:01:32,208 same ones as I did. They're amazing 33 00:01:32,208 --> 00:01:35,231 solutions, but we're only going to use 34 00:01:35,231 --> 00:01:38,364 them to test. So let me drag and drop this 35 00:01:38,364 --> 00:01:41,205 in here. It will take a few seconds, and 36 00:01:41,205 --> 00:01:44,750 after that it will ask me, do you trust 37 00:01:44,750 --> 00:01:48,080 this solution? And it gives me the name of 38 00:01:48,080 --> 00:01:50,695 the solution. I will click on Deploy 39 00:01:50,695 --> 00:01:53,659 because I trust it. I will click on 40 00:01:53,659 --> 00:01:56,020 Refresh; it might take a few seconds, 41 00:01:56,020 --> 00:01:58,029 depending on how big the application is, 42 00:01:58,029 --> 00:02:02,222 and if we go here we can see that it's 43 00:02:02,222 --> 00:02:05,826 enabled, it's deployed, and we can also go 44 00:02:05,826 --> 00:02:08,763 to the properties if we want to see more. 45 00:02:08,763 --> 00:02:12,296 So let me go into Properties. I can add a 46 00:02:12,296 --> 00:02:15,249 description if I want to. I can change the 47 00:02:15,249 --> 00:02:17,992 icon. I can add information about the apps 48 00:02:17,992 --> 00:02:20,333 such as images, things like that, and I 49 00:02:20,333 --> 00:02:23,610 can select if I want it to be shown in 50 00:02:23,610 --> 00:02:25,174 featured or not. I'm just going to leave 51 00:02:25,174 --> 00:02:28,409 it like that for now, and we're going to 52 00:02:28,409 --> 00:02:30,838 go in this site called Globomantics 53 00:02:30,838 --> 00:02:34,159 Migration so we can actually add it to our 54 00:02:34,159 --> 00:02:37,198 site. So in order to add it, I'll just 55 00:02:37,198 --> 00:02:40,132 refresh. I'll wait for the New button to 56 00:02:40,132 --> 00:02:43,781 be active. I will click on App, and all of 57 00:02:43,781 --> 00:02:47,227 the apps from the app catalog will either 58 00:02:47,227 --> 00:02:49,553 be shown here in the Noteworthy section, 59 00:02:49,553 --> 00:02:52,644 if you have decided to show them there in 60 00:02:52,644 --> 00:02:55,311 the Apps you can add, but really those are 61 00:02:55,311 --> 00:02:57,836 all of the apps together. Only the ones 62 00:02:57,836 --> 00:03:00,529 from the app catalog will always be shown 63 00:03:00,529 --> 00:03:05,093 in the From Your Organization category. I 64 00:03:05,093 --> 00:03:06,873 want to add the SharePoint Framework 65 00:03:06,873 --> 00:03:10,344 Fantastic 40 WebParts. Let me click on it. 66 00:03:10,344 --> 00:03:12,944 Now it brings us to the old Site contents 67 00:03:12,944 --> 00:03:15,839 page and you see I have the SharePoint 68 00:03:15,839 --> 00:03:19,101 Framework Fantastic 40 WebParts, which has 69 00:03:19,101 --> 00:03:22,592 been deployed. I can then go inside any 70 00:03:22,592 --> 00:03:24,871 page, and in this case I'll simply go and 71 00:03:24,871 --> 00:03:27,531 edit a page since I know this page is 72 00:03:27,531 --> 00:03:31,618 quite a few, well, 40 WebParts as the name 73 00:03:31,618 --> 00:03:35,057 says. I will click on plus here to add a 74 00:03:35,057 --> 00:03:38,107 WebPart, and I will see quite a few of the 75 00:03:38,107 --> 00:03:41,243 WebParts like the Accordion one, the 3D 76 00:03:41,243 --> 00:03:43,765 Carousel, from that solution. And now 77 00:03:43,765 --> 00:03:46,369 because I deployed it at the tenant level 78 00:03:46,369 --> 00:03:49,305 app catalog, it will be available inside 79 00:03:49,305 --> 00:03:52,338 all of the different sites, but what if I 80 00:03:52,338 --> 00:03:54,532 want to have a solution that's only 81 00:03:54,532 --> 00:03:57,453 available in a few sites? Well, then I 82 00:03:57,453 --> 00:04:01,399 have to do it at the site level or site 83 00:04:01,399 --> 00:04:03,364 collection level. So in this case we're 84 00:04:03,364 --> 00:04:04,856 going to take this other communication 85 00:04:04,856 --> 00:04:08,216 site and we're going to enable this site 86 00:04:08,216 --> 00:04:11,566 collection app catalog on it. First, let 87 00:04:11,566 --> 00:04:15,355 me go into Site contents, and you will see 88 00:04:15,355 --> 00:04:18,518 that I only have the default libraries and 89 00:04:18,518 --> 00:04:22,243 lists that got created. Now let's go into 90 00:04:22,243 --> 00:04:24,375 PowerShell. I have already connected to 91 00:04:24,375 --> 00:04:27,995 SharePoint Online so I'll just simply 92 00:04:27,995 --> 00:04:29,926 Get-SPOSite, save it inside a variable, 93 00:04:29,926 --> 00:04:33,986 and then Add-SPOSiteCollectionAppCatalog 94 00:04:33,986 --> 00:04:37,784 on this site. What will this have done if 95 00:04:37,784 --> 00:04:41,050 I refresh the page now? It will have added 96 00:04:41,050 --> 00:04:45,397 an Apps for SharePoint list here that I 97 00:04:45,397 --> 00:04:49,308 can now go inside. It's very similar to 98 00:04:49,308 --> 00:04:51,937 the Apps for SharePoint inside the app 99 00:04:51,937 --> 00:04:54,950 catalog, but here I'm really inside the 100 00:04:54,950 --> 00:04:58,287 site collection. So let me go and drag the 101 00:04:58,287 --> 00:05:00,945 other solution, the SharePoint Starter Kit 102 00:05:00,945 --> 00:05:04,184 inside this library. This one is a bit, 103 00:05:04,184 --> 00:05:06,681 it's quite a lot bigger than the previous 104 00:05:06,681 --> 00:05:08,832 one; it's 28 megabytes because it includes 105 00:05:08,832 --> 00:05:12,143 quite a few features so it might take one 106 00:05:12,143 --> 00:05:14,758 to three minutes for it to upload and 107 00:05:14,758 --> 00:05:17,635 deploy, but it seems it was pretty fast. 108 00:05:17,635 --> 00:05:21,319 Do I trust it? Yes, I trust it so let's 109 00:05:21,319 --> 00:05:23,634 click on Deploy, and then let's click on 110 00:05:23,634 --> 00:05:27,285 Refresh so we can see if it got deployed 111 00:05:27,285 --> 00:05:31,660 or not, and yes, it got deployed. Awesome! 112 00:05:31,660 --> 00:05:33,637 So now let's take a look, if we go back to 113 00:05:33,637 --> 00:05:37,832 the Home and then we try to add an app, 114 00:05:37,832 --> 00:05:39,995 and see what it looks like. So I'll go 115 00:05:39,995 --> 00:05:43,653 into New, I'll go inside Apps, and I will 116 00:05:43,653 --> 00:05:45,283 simply go to From Your Organization, and 117 00:05:45,283 --> 00:05:49,086 you see I have this Starter Kit SPFx 118 00:05:49,086 --> 00:05:52,619 Fantastic 40 and the other app I had my 119 00:05:52,619 --> 00:05:55,460 app catalog, which is the Corporate News 120 00:05:55,460 --> 00:05:58,233 App. If I go on another site, let's say 121 00:05:58,233 --> 00:06:01,235 Globomantics Migration, and I go to create 122 00:06:01,235 --> 00:06:04,268 a new app, I go into From Your 123 00:06:04,268 --> 00:06:06,595 Organization, you see I don't have the 124 00:06:06,595 --> 00:06:08,648 starter kit because that was deployed in 125 00:06:08,648 --> 00:06:11,413 that sites app catalog so it's not 126 00:06:11,413 --> 00:06:13,656 available in this other site collection. 127 00:06:13,656 --> 00:06:17,503 That is it for this demo. We have looked 128 00:06:17,503 --> 00:06:20,142 at how to deploy an app inside the tenant 129 00:06:20,142 --> 00:06:22,879 level app catalog, how to enable the site 130 00:06:22,879 --> 00:06:25,863 collection app catalog for a certain site 131 00:06:25,863 --> 00:06:28,260 collection, and how to deploy an app in 132 00:06:28,260 --> 00:06:31,653 the site collection app catalog. Now let's 133 00:06:31,653 --> 00:06:38,000 go back to the slides and take a look at how do we manage apps?