SharePoint SPFx Installation

Aaron Rendell
Aaron Rendell

Filer (SPFx Web Part) App Deployment

There are two approaches for deploying ‘Apps’; Tenant Wide or Site Collection.

Given the Filer Apps are for specific purposes (vs. a App that would be beneficial to all Site Collections), recommended approach would be to deploy via the Site Collection App Catalogue.

https://learn.microsoft.com/en-us/sharepoint/dev/general-development/site-collection-app-catalog

Step 1 - Enable App Catalog in SharePoint Online Site Collection using PowerShell

PnP PowerShell to add the site collection app catalog in SharePoint Online.

1

2

3

4

5

6

7

8

9

#Parameters

$TenantAdminURL = "https://crescent-admin.sharepoint.com"

$SiteURL = "https://crescent.sharepoint.com/sites/Dev"

 

#Connect to Tenant Admin

Connect-PnPOnline -Url $TenantAdminURL -Credentials (Get-Credential)

 

#Enable site collection app catalog

Add-PnPSiteCollectionAppCatalog -Site $SiteURL


Note: Account used to create App Catalog Site Collection, must be Site Collection Administrators on both the tenant-level App Catalog and the target Site Collection

Once you execute this script, you should see the “Apps for SharePoint” on the Site Collection’s Site Contents page.

Step 2 - Deploy the App

  1. Navigate to the Site Contents page of the Site Collection you have enabled the app catalog.
  2. Click on the “Apps for SharePoint” list.
  3. When on the Apps for SharePoint library, upload your custom solution .sppkg or .app file using either the Upload button or dragging and dropping the file from your computer to the library.
  4. If it’s a .sppkg, You’ll get a prompt asking if you trust the solution and if you would like to “Make this solution available to all sites in the organization”. Make sure to check this option and then click Deploy.