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

100

Article

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

Building with HTML and JavaScript.
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

SharePoint

Step 3

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

SharePoint

Step 4

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

SharePoint

Step 5

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

SharePoint
Step 6