Developing SharePoint 2013 Napa Apps in Office 365 to use on your local SharePoint environment

Napa has only been around a few months and already there is some great stuff on the net to get you started developing apps for Office 365.

As such, this post is not really adding a lot of new content, it is just conveniently bringing some existing web content together in a step-by-step format.

1.       Overview is here: http://msdn.microsoft.com/en-us/library/fp161179.aspx  (How to: Set up an environment for developing apps for SharePoint on Office 365)

2.       Follow the steps here: http://msdn.microsoft.com/en-us/library/fp179924.aspx (Sign up for an Office 365 Developer Site)

3.       Start playing with Napa and learn how to use it!

a.       Run the project to see if it is what you want

b.      Publish the project

c.       Then, deploy it

4.       Create a basic app: http://msdn.microsoft.com/en-us/library/office/apps/jj220041(v=office.15)  (How to: Create a basic app for SharePoint by using Office 365 Development Tools Preview)

5.       Try some more complex examples here:

a.       http://msdn.microsoft.com/en-us/library/office/apps/fp142379

b.      http://code.msdn.microsoft.com/SharePoint-2013-Hello-b3ca20f3 (hello world)

c.       http://blogs.msdn.com/b/chaks/archive/2012/08/16/building-your-sharepoint-app-using-napa-office-365-development-tools.aspx

6.       Option A: You have Visual Studio installed on your desktop:

a.       You can open the project in Visual Studio now. This will automatically prompt you to install the Visual Studio Development tools for Office and SharePoint 2013 (http://msdn.microsoft.com/en-us/office/apps/fp123627.aspx)

b.      Then you can edit this. Load it up to your own on-premise environment. Icons are 96*96px. The blue colour is: RGB(0, 114,198).

7.       Option B: You do not have VS installed

a.       After publishing the App, go to the publish location (https://your365site.sharepoint.com/Lists/AppPackages/Forms/AllItems.aspx)

b.      Download the file to your desk top

8.       Ensure that there is an App Catalog created in CA. If not, create one: http://msdn.microsoft.com/en-us/library/fp123530.aspx

9.       Enable the apps, otherwise you will get: “Sorry, apps are turned off. If you know who runs the server, tell them to enable apps.” http://sharepointchick.com/archive/2012/07/29/setting-up-your-app-domain-for-sharepoint-2013.aspx

10.   Install the app in your previously created App Catalog site collection (/sites/app)

a.       Manually (Central Admin): http://msdn.microsoft.com/en-us/library/fp123517.aspx

b.      Programatically (Powershell): http://blogs.msdn.com/b/ocarpen/archive/2012/08/27/how-to-install-programmatically-an-app-in-sharepoint-2013-preview.aspx

11.   Now when users select “Add an App” from SharePoint, you will see a Your Apps > From your Organization

Further Reading:

• http://blogs.msdn.com/b/chaks/archive/2012/09/30/napa-just-got-social.aspx
• http://blog.tedpattison.net/Lists/Posts/Post.aspx?ID=17

HTH :)