Step by Step Procedure to Package and deploy your SPFx solution

Manimekalai
 
Technology Specialist
August 6, 2018
 
Rate this article
[Total: 0    Average: 0/5]
 
Views
1827

 

In this article, let us see how to package and deploy the SPFx solution by step by step procedures.

 

  • Navigate to Config folder on your SPFx web part Solution
  • Click on write-manifests.json
  • Update “cdnBasePath” in write-manifests.json
  • Open Node.js in command prompt
  • Navigate to your web part folder path in the command prompt
    • Eg: C:\Users\Test
  • Use the below command to bundle your webpart files
    • gulp bundle –ship // generate assets (js, css, etc) for deployment to CDN
  • Use the below command to package the solutions
    • gulp package-solution –ship // package ready for shipment –ship is just temporary during dev preview
  • Now navigate to the local folder path

clip_image002

· Upload files in /temp/deploy to CDN location (If CDN location not specified in the web part manifest file, it will refer from app catalog site assets library by default)

clip_image004

  • Go to app catalog à Click on App for SharePoint

clip_image006

  • Upload app package at /SharePoint/solution to app catalog (Refer Screenshot)

clip_image008

· Now go to any of your SharePoint site and add the app from site content.

  • To test the App, create a blank page and add the app to the page.
Category : Office 365, SharePoint, SPFx

Author Info

Manimekalai
 
Technology Specialist
 
Rate this article
[Total: 0    Average: 0/5]
 
Having 6 years of experience in design and development of SharePoint applications, Mani has expertise in developing applications using Office 365, SharePoint 2013 & 2010, SPFX, SP Designer Workflows, Visual ...read more
 

Leave a comment