Deploy visual studio 2013 apps to office 365

Hello everybody,

Today I share the way how to deploy a SharePoint 2013 apps on office 365 using visual studio 2013. It is very exciting and easily.

We have 3 parts:

The first: How to configure Apps in Office 365 (SharePoint online central admin)

The second: How to add existing an apps from SharePoint Store

The third: How to add existing an apps from visual studio

The first: How to configure Apps in Office 365 (SharePoint online central admin)

We register a SharePoint 365, we already to use it.

Here is Office 365 Administration page

And here is first SharePoint site collection

Click on Admin > SharePoint

Here is all site collections

Click to apps at left menu

Choose create a new app catalog site > OK.

Input information:

Waiting App Catalog site will create

Successful. Then click to site collection hyperlink.

Here is App Catalog site collection. We have: Apps for SharePoint, Apps for Office, App Requests

The second: How to add existing an apps from SharePoint Store

Click to Icon setting > Add an app

Click to SharePoint Store

Click to Free

Click on Clocks & Calendars > choose app you want

Click to ADD IT

Click to Continue

Then Return to site

Then Trust It

Your app is added.

Click on App and see app overview.

The third: How to add existing an apps from visual studio

Open visual studio 2013 > New Project > Visual c# > Office SharePoint > Apps > App for SharePoint 2013

Input your App catalog site then choose SharePoint-hosted

The popup sign in will open >> try to close it >> then choose Server Connection is Offline at properties of App project.

Here is App.js, we will develop jQuery at here.

Add more Text in JQuery function

Right click to project > Publish

Click on Package the app

Here is path of app

Go back App catalog site >> click on Apps for SharePoint

Upload App

Upload completed.

Click on icon setting > add an app

Click on your app

Trust It

Add completed, then click on app

The result as:

Finished.