Navigate Up
Sign In
Supporters of Developer
Web

Hello World Application in SharePoint Store Apps

Item is currently unrated. Press SHIFT+ENTER to rate this item.1 star selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+ESCAPE to leave rating submit mode.2 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.3 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.4 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.5 stars selected. Press SHIFT+ENTER to submit. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.

You may also be interested in: Sharegate No-Brainer Migration Tools

 

Editor's note: Contributor Venkatesh Kumar is a Senior Developer for Cognizant. Follow him @venkat_mru

Introduction

In this article we will see how to develop our first app using "Nappa Office 365 Tools" in SharePoint 2013.

Steps

First we need to create a Site Collection with the "Developer Site" template. See:

2013-01-07-WorldApp-01.jpg

Once the site collection has been created, click the SharePoint store link and we will get the following message:

2013-01-07-WorldApp-02.jpg

Just select any language and we will see the "Napa Office 365 Development Tools" app and "Add" this app to our site. See:

2013-01-07-WorldApp-03.jpg

While adding this Napa app, it will ask for credential verification. It will be a hotmail/live id. See:

2013-01-07-WorldApp-04.jpg

Once the "Napa" app has been added in our site, we will see the following message:

2013-01-07-WorldApp-05.jpg

We'll see the same app will be in the Site Content. It will also appear in the same place we see all the apps of the particular site. See:

2013-01-07-WorldApp-06.jpg

Click the "Napa" app; you will be redirected to the Welcome page with various choices of apps. Just select SharePoint Apps.

2013-01-07-WorldApp-07.jpg

Once we select the SharePoint Apps, it will redirect to the "Napa" Cloud development site as shown below. We'll see the bread crumb as Office 365 --> Napa-->SharePointApp1 which means that SiteName--> Napa-->App Name.

By default we will see the following set of files in our application:

2013-01-07-WorldApp-08.jpg

We can add/remove any files in our application. See:

2013-01-07-WorldApp-09.jpg

In our app we just want to display the logged in user name, let's make it simple. See:

2013-01-07-WorldApp-10.jpg

After doing the coding, we can run our application as shown below. It will open our app in a new browser window. In addition to that we have also opened our app from VS 2012.

2013-01-07-WorldApp-11.jpg

We will see the installation steps, and once it's completed we can see our application in a separate window.

2013-01-07-WorldApp-12.jpg

2013-01-07-WorldApp-13.jpg

If we want to publish our app, select the publish option in the bottom-left icon and complete it.

2013-01-07-WorldApp-14.jpg

2013-01-07-WorldApp-15.jpg

Once it's published we can see our application in the App Packages. Like WSP files 2013 we have a new format with an .APP extension.

2013-01-07-WorldApp-16.jpg

We can find the published app in our Site Contents page. See:

2013-01-07-WorldApp-17.jpg

If we open the app we'll see our Application Pages. See:

2013-01-07-WorldApp-18.jpg

Summary

"Napa" is a free app for SharePoint. Since "Napa" is web based, you don't need to install anything on your machine to start developing for Office and SharePoint. Just fire up your browser and start coding. As your application matures and you need more advanced tools, you can seamlessly switch to the more powerful, fully featured Visual Studio IDE, and continue developing there.

Reference

MSDN Reference: http://msdn.microsoft.com/en-us/library/jj220038.aspx

Categories: SPF 2013; Office 365; dev

Comments

Louis Vuitton iPhone 5 Case

Louis Vuitton iPhone 5 Case

I blog frequently and I really thank you for your content. This great article has truly peaked my interest. I'm going to bookmark your website and keep checking for new information about once a week. I opted in for your Feed too. I greatly appreciate all the info I've read here.Chanel iPad 4 Case

Posted 23-Jul-2013 by Louis Vuitton iPhone 5 Case
jorde

essay

Accomplish the "Napa" app; you bequeath be redirected to the Welcome http://www.essay-writing-service-australia.com/ page forward various partialitys of apps. Only select SharePoint Apps.

Posted 24-Oct-2013 by jorde
Igram

supp

I recently came across your blog and have been reading along. I thought amazon.com health I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.

Posted 29-Oct-2013 by Igram
Alexandre Girard

free

You got a really a smart blog couples sex on cam and You also know how to make people rally behind it, obviously from the responses.

Posted 31-Oct-2013 by Alexandre Girard
bell

IT

Its very innovative blog. Thanks for sharing such inspiring experience with us. I.T Computer Recycling uk Great blog, congrats.!

Posted 05-Nov-2013 by bell
irsha

amr

Ago doing the coding, we can alacrity our apply as shown downstairs. retail brand implementation It ache spill our app in a format browser slit.

Posted 12-Nov-2013 by irsha
jany

safe

This type of positioning is usually wonderful as well as just what fantastic online back up service assess you have concluded. The idea presents made it easier if you are very much. kind regards a great deal extremely.

Posted 13-Nov-2013 by jany
Hotel comparison

Already

Already we choose the SharePoint Apps, it determination redirect to the "Napa" Veil formation location as shown nether.

Posted 15-Nov-2013 by Hotel comparison
vani

ess

This is indeed this point main prohibit by nevertheless we are short film producers essentially very mesmerized absent of this network attendant in which pace body, acknowledges a multiple regarding offering the information

Posted 20-Nov-2013 by vani
aliza

swan

From the start, I speculation website design swansea writers are the most sensible ones on pollen, adjacents somehow with the thoroughfare, I realized that they receive the talent of penetrating analysis whereas their brainstorming name on the bit, thus, arriving to an intriguing distribute would be cordial for them. Their bygone played an critical liability to it.

Posted 20-Nov-2013 by aliza
quazi

cool

We'll visualize the equivalent app volition be in the Location Satisfy. estate agents in bristol It inclination and arise in the like arrange we look total the apps of the careful location.

Posted 23-Nov-2013 by quazi
car accident solicitors liverpool

Proper blaze up your

Proper blaze up your browser besides open coding. As your use full-growns further you demand further ahead spades, you can seamlessly change to the extra invincible, wholly featured Ocular Shop IDE, also proceed developing there.

Posted 29-Nov-2013 by car accident solicitors liverpool
Android Application Development

Android Application Development

I have heard fine obsessions about this topic. Is there a way I can move all my word press content into it? Any kind of assist would be very much respected!

Posted 04-Dec-2013 by Android Application Development
solicitors belfast

We'll detect

We'll detect the ditto app volition be in the Position Please. It volition besides enter in the homogeneous arrange we comprehend sum the apps of the scrupulous point.

Posted 04-Dec-2013 by solicitors belfast
Ecommerce website design

info

New Decades Term rendezvous and additionally it's inert in a conviction to contest a likelihood uses rep and too place an collect as well as achieve help the register.

Posted 12-Dec-2013 by Ecommerce website design
brazilian hair

I am just an ordinary person

I am just an ordinary person with extraordinary views in life. I love doing things that are not done by other people or less done by other people.

Posted 23-Dec-2013 by brazilian hair
Uche - C P T

Great work

Excellent tutorial, easy enough for me to follow and I'm sure for many others that have stumbled upon it.

Posted 26-Dec-2013 by Uche - C P T
Robert Youngblood

awesome!

fortsätt här Thanks for everything guys!

Posted 15-Jan-2014 by Robert Youngblood
Tony Sanders

thanks

länk Thanks for everything guys!

Posted 22-Jan-2014 by Tony Sanders
SusannaKaysen

Smart

Some of this advices are great, very smart, and yet very simple to do. Thank you very much, they will really help me.

Posted 10-Apr-2014 by SusannaKaysen
windows8-problems.com

reply

The blog is in reality the great on this worthy subject. Hello world application in share point requires some serious programming.I match in together with your conclusions and looking forward to your coming updates.

Posted 23-Apr-2014 by windows8-problems.com

Notify me of comments to this article

E-mail:
   

Add Comment

Title:

 
Comment:
Email:

   


Name:

 
Url: