Hello World App Using Client Web Part in SharePoint 2013

Introduction

In this article we will see how to create and use a "Client Web Part" using the Office Napa Tool. In the previous article, we covered the basic App development using Napa Tool.

Steps

First we will navigate to the "Napa office 365 Development Tools" and select any existing App or create a new one.








Once your application opens, select the "ClientWebPart.aspx".



Add the following code to develop a simple application that will just list the latest 10 tweets.



Add the "JS" event to populate the tweets.



Create a new site page (wiki page) in our SharePoint 2013 site and edit the page.

In Edit mode navigate to the Ribbon ->Insert -> click App part



Select the SharePoint App and add it to our page.





We will ensure that the web part will work fine. Now it will load the tweets.



Summary

Using "Client Web Part" we easily add any "App Functionality" to our pages.