Install Apps And Client Side Webpart (SPFx) In SharePoint Online

SharePoint Apps overview

• Apps for SharePoint provide a new method to deliver specific information or functionality to a SharePoint site
• SharePoint 2013 introduces the "Cloud app model", it enables you to create apps
• Microsoft will host and control a public SharePoint Store, where developers will be able to publish and sell their custom apps for SharePoint
• SharePoint apps have self-contained functionality that extends the capabilities of a SharePoint web application
• Apps are essentially web applications that run "outside" of a SharePoint host web
• It's an easy to use, stand-alone app that solves specific end-user or business needs
• We can use any language for creating the apps, such as HTML, PHP, .NET and web development tools and so on
• By using "NAPA" we can create SharePoint apps
• We can use the Client Object Model (CSOM) to talk to SharePoint
  
  
• JavaScript for Asynchronous
• .NET for Synchronous

Refer the below Article for SP Apps,

http://www.c-sharpcorner.com/UploadFile/93cb27/apps-in-sharepoint-2013/

SharePoint SPFx overview

• SPFx was introduced in SharePoint 2016, and it is one of the new features in SharePoint
• SharePoint app model development is used before SPFx, it was introduced in SP 2013
• SharePoint apps client web parts are loaded inside the IFrame so takes some to load but SPFx is not like that, it is very fast.
• We can use the SPFx in SharePoint pages and SharePoint Modern site pages. In the previous Article we saw how to create modern site pages and how to add the web part inside the modern site pages.
• Client-side web parts are client-side components that run inside the context of a SharePoint page.
• Client-side web parts can be deployed to SharePoint Online, and you can also use modern JavaScript tools and libraries to build them.

Client-side web parts supports below

1. Building with HTML and JavaScript.
2. Both SharePoint online and on-premises environments.

Refer the below Article for SPFx Creation:

http://www.c-sharpcorner.com/article/create-new-sharepoint-client-side-web-part-spfx/ 

Steps to Install the app

Follow the below listed steps to install the Apps & SPFx webpart

Note

Before you install the app make sure that app should be uploaded in app catalog.

Refer to the below URL to upload the app in appcatalog,

http://www.c-sharpcorner.com/UploadFile/93cb27/upload-app-file-in-sharepoint/

Step 1

Open your SharePoint site

Step 2

Go to site contents page using gear menu or left navigation as shown below

Step 3

On the site contents page click on “Add an app” to install the app

Step 4

Then select “From your organization" on your apps page.

Step 5

On the organization page select the app which you want to install, I’ve selected helloworldsample client side webpart for the installation


Step 6

After you selected the app, Installation will be started as shown below

Finally app or client side web part installation will be done in your SharePoint site

The same above steps to install the SharePoint apps are also in SP online.

Summary

In this article we have explored how to install the client side webpart (SPFx) and SharePoint hosted apps in SharePoint online site.