Office365 api dev 20140802
-
Upload
noro-seiji -
Category
Technology
-
view
324 -
download
2
description
Transcript of Office365 api dev 20140802
![Page 1: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/1.jpg)
Office365 と連携するスマホ Web アプリ開発株式会社 エクシード・ワン 野呂清二 ( のろ せいじ )
MICROSOFT MVP FOR OFFICE365
HTTP://TECH.EXCEEDONE.CO.JP
http://www.slideshare.net/seijinoro/office365-api-dev20140802
![Page 2: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/2.jpg)
セッションのゴール Office365 について知る Office365 の開発方法について知る Office365 アプリを Knockout を使用して作る
◦Web サーバ (ASP.NET)◦スマートフォン (Cordova ハイブリッド編 )
おまけ :Visual studio で TypeScript+Knockout
![Page 3: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/3.jpg)
Office365 について知る
![Page 4: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/4.jpg)
O365 は MS のデータセンターに展開
![Page 5: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/5.jpg)
インターネットを経由して各種サービスにアクセス
![Page 6: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/6.jpg)
認証基盤についてOffice365 は Azure AD を使用している。
テナント単位( 1つの AD)
Office365 がなくても Azure AD 作れます。
![Page 7: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/7.jpg)
Office365 の開発方法について知る
![Page 8: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/8.jpg)
Office365 へのアクセス方法アクセス方法 アクセスコントロール バージョン管理 アプリ特徴
①Office365APIs・ Exchange Online・ Sharepoint Online・ AAD,OneDrive
Manifest on AAD※Consent Framework ? .NET,JavaScript 開発
・ Web アプリ・スマホアプリ・ Windows アプリ
②Apps for Office※OfficeStore へ配置可能※Office365APIs 使用可能
Manifest on AppCatalog Manifest on AppCatalog .NET,JavaScript 開発・ Web アプリ (Office 内 )
③Apps for SharePoint※OfficeStore へ配置可能※Office365APIs 使用可能
Manifest on AppCatalog Manifest on AppCatalog .NET,JavaScript 開発・ Web アプリ
④Web Services ・ SharePoint Online・ Exchange Online・ Excel Web Service?
- - .NET,JavaScript 開発・ Web アプリ・ Windows アプリ
Preview
![Page 9: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/9.jpg)
Office 365 API
◦OAuth◦ Azure AD でシングル サインオン
◦Consent UI Framework◦ Azure AD でアプリのアクセス管理
◦RestAPI ◦ Office365 へ Web 、 Native アプリからアクセス
◦今後は◦ Apps for Office/Apps for SharePoint とシームレスなインストラクチャー
http://msdn.microsoft.com/ja-jp/office/aa905340.aspxhttp://msdn.microsoft.com/library/office/dn605893?ocid=mod_odc_aa905340_button_O365_api
![Page 10: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/10.jpg)
②Apps for Office
![Page 11: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/11.jpg)
③Apps for SharePoint
http://blogs.technet.com/b/mspfe/archive/2013/01/31/understanding-sharepoint-apps-as-an-it-pro.aspx
![Page 12: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/12.jpg)
④Web Services (SharePoint)
http://nikpatel.net/2012/09/23/whats-new-in-sharepoint-2013-csom-and-rest-apis/
![Page 13: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/13.jpg)
Office365 アプリをKnockout を使用して作る
![Page 14: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/14.jpg)
OutlookOUTLOOK の認証プロセス
![Page 15: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/15.jpg)
Outlook の場合認証
認証Outlook
![Page 16: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/16.jpg)
Web サーバWEB サーバでの認証 / 認可プロセス
![Page 17: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/17.jpg)
Web サーバ認証 / 認可
Web サーバ
Consent UI認証
ApplicationManifest
( 権限設定 ) ClientIDPassword
Web サービス
Web サーバ内の .NET で取得(クロスドメインになるので)
![Page 18: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/18.jpg)
VS に Office365 APIs 追加
Web サービス
![Page 19: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/19.jpg)
自分アプリの場合Web サービス
VS で設定すると自分のテナントに自分アプリのManifes が追加される。※ 許可したので、コンセント UI は表示されない
![Page 20: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/20.jpg)
Web サービス
Server Side で API を作っておき , Client Sideで JavaScript(Knockout )で読み込む
![Page 21: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/21.jpg)
Web サービス
using System.Threading.Tasks;public async Task<ActionResult> Test()
{ var Mails = await MailApiSample.GetMessages();
ViewBag.MailCount = Mail.Count(); return View(); }
![Page 22: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/22.jpg)
@{ ViewBag.Title = "Test";}<h2>@ViewBag.Title.</h2><h3>@ViewBag.Message</h3>
<h3>メールの件数 </h3> <h3>@ViewBag.MailCount</h3>
Web サービス
![Page 23: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/23.jpg)
参考:他者アプリの場合 Web サービス
松崎さん Bloghttp://blogs.msdn.com/b/tsmatsuz/archive/2011/06/29/office-365-develop-sample-application-sharepoint-online-exchange-online-lync-online.aspx
許可すると自分のテナントに他者アプリのManifes が追加される。
参考:https://o365apisample.azurewebsites.net/
![Page 24: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/24.jpg)
参考 OfficeDev https://github.com/OfficeDev/SharePoint-Power-Hour-Code-Samples/tree/master/MeetAndGreet
![Page 25: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/25.jpg)
スマートフォン
![Page 26: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/26.jpg)
Cordova (ハイブリッドアプリ編)Iphone/Android/Win Phone
スマートフォン
![Page 27: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/27.jpg)
参考: http://d.hatena.ne.jp/language_and_engineering/20120713/p1
スマートフォン
![Page 28: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/28.jpg)
モバイルアプリ
Cordova
ApplicationManifest
( 権限設定 )
ClientIDPassword
認証 / 認可
Consent UI認証
JS で取得 ( クロスドメインでないので )
スマートフォン
![Page 29: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/29.jpg)
Office365 APIs 追加
スマートフォン
![Page 30: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/30.jpg)
自分アプリの場合
自分のテナントに自分アプリのManifes が追加される。
スマートフォン
![Page 31: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/31.jpg)
松崎さん Bloghttp://blogs.msdn.com/b/tsmatsuz/archive/2014/06/09/office-365-api-javascript-library-for-cordova.aspx
KnockoutJS+TypeScript で作りかけたのですがまにあいまでんでした。
スマートフォン
![Page 32: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/32.jpg)
松崎さん Bloghttp://blogs.msdn.com/b/tsmatsuz/archive/2014/06/09/office-365-api-javascript-library-for-cordova.aspx
KnockoutJS+TypeScript で作りかけたのですがまにあいまでんでした。
![Page 33: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/33.jpg)
おまけ :Visual studio でTypeScript+Knockout
![Page 34: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/34.jpg)
このサンプルを VS でデバックする。
http://kojs.sukobuto.com/tips/withTypeScript
おまけ
![Page 35: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/35.jpg)
必要なもの Nuget から◦knockoutjs◦definitely knockout
GitHub から◦https://github.com/SteveSanderson/knockout-es5
おまけ
![Page 36: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/36.jpg)
おまけ
TypeScript JavaScript
Knockout で動作
![Page 37: Office365 api dev 20140802](https://reader036.fdocuments.net/reader036/viewer/2022081504/559233071a28ab162f8b478f/html5/thumbnails/37.jpg)
参考 松崎 剛 Blog
◦ http://blogs.msdn.com/b/tsmatsuz/
Office 365 APIs Preview◦ http://msdn.microsoft.com/en-us/library/office/dn605892(v=office.15).aspx
開発者向け Exchange◦ http://msdn.microsoft.com/ja-jp/office/dn448484.aspx
SharePoint Developer(Office 365 API Tools を使ってみた )◦ http://sharepoint.orivers.jp/Article/206
Office 365 コミュニティ ブログ (OneDrive for Business をモバイル アプリに表示する )◦ http://community.office365.com/ja-jp/b/office_365_community_blog/archive/2014/05/16/develop-using-onedrive-for-business-with-the-new-office-3
65-apis.aspx
Knockout.js 日本語ドキュメント (TypeScript + Knockout ES5 でさらにシンプルに )◦ http://kojs.sukobuto.com/tips/withTypeScript
Exceedone Technical Knowledge(Visual Studio 2013 で Cordova で HelloWorld を作ってみよう )◦ http://tech.exceedone.co.jp/javascript/visual-studio-2013-cordova-multi-device-hybrid-apps-helloworld/
Getting started with Office 365 development – Part 3 – Building a sample Web Forms application that integrates with Office 365◦ http://
zimmergren.net/technical/getting-started-with-office-365-development-part-3-building-a-sample-web-forms-application-that-integrates-with-office-365