Setting up Sharepoint Hosted App with Angular

  1. You have experience on sharepoint hosted app (host web)
  2. You have knowledge of angular app
  1. Setting up the sharepoint application with client web part
  2. Setting up the angular application
  3. Integration of these two

1. Setting up the sharepoint application with client web part 🐵

Step 1: Create a sharepoint app using office “App for Sharepoint” in Visual Studio.

2. Setting up the angular application 🐵

Step 1: This section will be simple setting up an angular application. Create an application in some different place later on we will copy paste the application.

  1. To create an application use “ng new Home
  2. Depending on requirement you add the routing as yes else no.
  3. Have the CSS added if you need.

3. Integration of these two separate application as one 🐵

Step 1: Add a folder in sharepoint application as “App”. Copy and paste the whole angular project into this App folder.

Photo by Jason Wong on Unsplash

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store