Create SharePoint 2013 Apps using Napa office 365 development tools

Create SharePoint 2013 Apps using Napa office 365 development tools
SharePoint deveopment training course

In this post we will discuss how to create SharePoint 2013 Apps using Napa office 365 development tools. Also check out:
– Signin as different user is missing in SharePoint 2013

– Difference between SharePoint-hosted, auto-hosted and Provider-hosted apps in SharePoint 2013

To work with Napa tool we need to have one office 365 developer site. So for this you can sign up for an Office 365 developer site.

Once you sign up, then click on Build Apps on developer site link as shown in the fig below:

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

Once you click on the Build Apps link it will take you to the Office 365 Developer site. There click on Build an App link as shown in the fig below:

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

If you donot have Napa tool installed, it will redirect to add Napa tool, which is a free tool. There you need to add the tool by click on the ADD IT button as shown in the fig below:

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

Once you add it it will redirect to the developer site. Then go to the home page and click on Build an App . This will open the NapaCloudApp.com home paage. Here from the home page, click on Add New Project from the SharePoint section.

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

Then in the next screen it will ask you what type of app do you want to create, there choose App for SharePoint and give a name and then click on Create.

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

This will create the project and you can run the project by clicking on the Run project icon as shown in the fig below:

Create SharePoint 2013 Apps using Napa office 365 development tools
Create SharePoint 2013 Apps using Napa office 365 development tools

Here in the structure you can see a Images folder where you can put your images. In the Script folder you can put your scripts and inside the Pages folder in the Default.aspx page you can put your UI things (HTML, CSS, JavaScript).

You can also open the project using Visual Studio by clicking on the “Open in Visual Studio” icon.

Once you publish the project by clicking on the Publish icon, the app will be published to the developer site and will be available in App Packages list.

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →