Sunday, September 14, 2014

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.

3 comments: