いまさら聞けない Office 365 CDN / It's not too late to ask about Office 365 CDN

by Takashi Shinohara

Slide 1

Slide 1 text

いまさら聞けない Office 365 CDN 篠原敬志 (@karamem0)

Slide 2

Slide 2 text

自己紹介 2 Name 篠原敬志 (Takashi Shinohara) Company アバナード株式会社シニアコンサルタント Award Microsoft MVP for Office Development (2018-) Twitter @karamem0 Blog からめもぶろぐ。 (http://blog.karamem0.jp) Bio 俺たちは雰囲気で OAuth をやっている

Slide 3

Slide 3 text

アバナードについてアバナードは、2000 年にアクセンチュアとマイクロソフトの合弁企業として誕生しました。アクセンチュアが持つあらゆる業界に精通した知識とマイクロソフトのソリューションを卓越したスキルで融合し、創業以来 1,200 社以上の企業のデジタル化を支援してきました。 2018 年 9 月より関西オフィスを開設しています！ 3

Slide 4

Slide 4 text

Office 365 CDN

Slide 5

Slide 5 text

CDN とは 5 インターネット上のコンテンツを配信するためのネットワークの仕組みアクセス元から地理的に最も近い場所にあるコンテンツのキャッシュを自動的に取得することで負荷分散と高速化を実現する

Slide 6

Slide 6 text

Office 365 CDN とは SharePoint Online のドキュメントライブラリに格納されたコンテンツを CDN として配信する機能 2017 年 4 月リリース SharePoint Online サブスクリプションの一部として提供 Office 365 と銘打っているが他のサービスからは使用できない 6

Slide 7

Slide 7 text

Office 365 パブリック CDN すべてのユーザーが匿名でアクセスできる CDN 既定のファイルの種類 .css、.eot、.gif、.ico、.jpeg、.jpg、.js、.map、.png、.svg、 .ttf、.woff 既定のリソースの場所 */MASTERPAGE */STYLE LIBRARY */CLIENTSIDEASSETS URL 形式 https://publiccdn.sharepointonline.com/tenant.sharepoint.c om/sites/site/folder/file.ext 7

Slide 8

Slide 8 text

Office 365 プライベート CDN 権限を持っているユーザーのみがアクセスできる CDN 既定のファイルの種類 .gif、.ico、.jpeg、.jpg、.js、.png 既定のリソースの場所 */USERPHOTO.ASPX */SITEASSETS URL 形式 https://privatecdn.sharepointonline.com/tenant.sharepoint. com/sites/site/folder/file.ext?_eat=1560434236...&_oat_=1 560434236_... 8

Slide 9

Slide 9 text

Office 365 CDN の利用シナリオモダンサイト SharePoint Framework 組織アセットライブラリクラシック発行ポータルサイトの発行機能を有効にしたページライブラリ URL を直接ハードコード (非推奨) 9

Slide 10

Slide 10 text

Office 365 CDN のセキュリティプライベート CDN は制限が必要なコンテンツ個人情報 (顔写真など) パブリック CDN は公開可能なコンテンツ会社 (組織) のロゴプログラムのアセットモダンサイトの分類で分類されたサイトのコンテンツをポリシーで除外することができる 10

Slide 11

Slide 11 text

DEMO ホップ数の違いを確認する

Slide 12

Slide 12 text

DEMO: ホップ数の違い 12

Slide 13

Slide 13 text

DEMO クラシック発行ポータルで Office 365 CDN の動作を確認する

Slide 14

Slide 14 text

DEMO: Office 365 CDN の動作 14

Slide 15

Slide 15 text

DEMO Postman から Office 365 パブリック CDN を呼び出す

Slide 16

Slide 16 text

DEMO: Postman からの呼び出し 16

Slide 17

Slide 17 text

Office 365 CDN の管理

Slide 18

Slide 18 text

Office 365 CDN を開始する SharePoint Online Management Shell をインストールする Install-Module Microsoft.Online.SharePoint.PowerShe ll -Scope CurrentUser または https://www.microsoft.com/ja-jp/download/details.aspx?id =35588 18

Slide 19

Slide 19 text

Office 365 CDN の有効化 Get-SPOTenantCdnEnabled -CdnType Public Set-SPOTenantCdnEnabled -CdnType Public -Enabled $tru e 19

Slide 20

Slide 20 text

Office 365 CDN のファイルの種類 Get-SPOTenantCdnPolicy -CdnType Public Set-SPOTenantCdnPolicy -CdnType Public -Type IncludeF ileExtensions -Value "GIF,JPEG,JPG,PNG" 20

Slide 21

Slide 21 text

Office 365 CDN のリソースの場所 Get-SPOTenantCdnOrigin -CdnType Public Add-SPOTenantCdnOrigin -CdnType Public -OriginUrl "PU BLICCDN" Remove-SPOTenantCdnOrigin -CdnType Public -OriginUrl "PUBLICCDN" 21

Slide 22

Slide 22 text

SPFx with Office 365 CDN

Slide 23

Slide 23 text

SPFx での CDN の利用 SPFx では write-manifest.json にある cdnBasePath にアセットを配置する必要がある Azure CDN または Office 365 CDN が推奨されている CDN を使用しないという方法も可能 23

Slide 24

Slide 24 text

SPFx のアセットの自動展開 SPFx 1.4 より includeClientSideAssets を true にすることでデプロイパッケージにアセットを含めることができるようになったアセットはデプロイ時に自動的に ClientSideAssets ドキュメントライブラリに展開される ClientSideAssets は非表示のドキュメントライブラリ ClientSideAssets は既定でパブリック CDN の対象になっている 24

Slide 25

Slide 25 text

DEMO SPFx のデプロイと Office 365 Public CDN の動作を確認する

Slide 26

Slide 26 text

DEMO: SPFx での Office 365 CDN 26

Slide 27

Slide 27 text

まとめ Office 365 CDN は SharePoint Online のドキュメントライブラリに格納されたコンテンツを高速に配信する機能セキュリティが強く意識されている管理は SharePoint Online Management Shell から SPFx のアセットの自動展開で有効活用できる 27

Slide 28

Slide 28 text

ありがとうございました