Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Japan SharePoint Group 勉強会 #29 (https://jpsps.doorkeeper.jp/events/92916) に登壇したときのスライドです。

9cdd446fb259ec93e52d4388f60197f8?s=128

Takashi Shinohara

July 06, 2019
Tweet

More Decks by Takashi Shinohara

Other Decks in Programming

Transcript

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

  2. 自己紹介 2 Name 篠原敬志 (Takashi Shinohara) Company アバナード株式会社 シニアコンサルタント Award

    Microsoft MVP for Office Development (2018-) Twitter @karamem0 Blog からめもぶろぐ。 (http://blog.karamem0.jp) Bio 俺たちは雰囲気で OAuth をやっている
  3. アバナードについて アバナードは、2000 年にアクセンチュアとマイクロソフトの合弁企 業として誕生しました。アクセンチュアが持つあらゆる業界に精通し た知識とマイクロソフトのソリューションを卓越したスキルで融合し、 創業以来 1,200 社以上の企業のデジタル化を支援してきました。 2018 年

    9 月より関西オフィスを開設しています! 3
  4. Office 365 CDN

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

  6. Office 365 CDN とは SharePoint Online のドキュメント ライブラリに格納されたコンテン ツを CDN

    として配信する機能 2017 年 4 月リリース SharePoint Online サブスクリプションの一部として提供 Office 365 と銘打っているが他のサービスからは使用できない 6
  7. 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
  8. 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
  9. Office 365 CDN の利用シナリオ モダン サイト SharePoint Framework 組織アセット ライブラリ

    クラシック発行ポータル サイトの発行機能を有効にしたページ ライブラリ URL を直接ハード コード (非推奨) 9
  10. Office 365 CDN のセキュリティ プライベート CDN は制限が必要なコンテンツ 個人情報 (顔写真など) パブリック

    CDN は公開可能なコンテンツ 会社 (組織) のロゴ プログラムのアセット モダン サイトの分類で分類されたサイトのコンテンツをポリシーで除 外することができる 10
  11. DEMO ホップ数の違いを確認する

  12. DEMO: ホップ数の違い 12

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

  14. DEMO: Office 365 CDN の動作 14

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

  16. DEMO: Postman からの呼び出し 16

  17. Office 365 CDN の管理

  18. 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
  19. Office 365 CDN の有効化 Get-SPOTenantCdnEnabled -CdnType Public Set-SPOTenantCdnEnabled -CdnType Public

    -Enabled $tru e 19
  20. Office 365 CDN のファイルの種類 Get-SPOTenantCdnPolicy -CdnType Public Set-SPOTenantCdnPolicy -CdnType Public

    -Type IncludeF ileExtensions -Value "GIF,JPEG,JPG,PNG" 20
  21. Office 365 CDN のリソースの場所 Get-SPOTenantCdnOrigin -CdnType Public Add-SPOTenantCdnOrigin -CdnType Public

    -OriginUrl "PU BLICCDN" Remove-SPOTenantCdnOrigin -CdnType Public -OriginUrl "PUBLICCDN" 21
  22. SPFx with Office 365 CDN

  23. SPFx での CDN の利用 SPFx では write-manifest.json にある cdnBasePath にアセットを

    配置する必要がある Azure CDN または Office 365 CDN が推奨されている CDN を使用しないという方法も可能 23
  24. SPFx のアセットの自動展開 SPFx 1.4 より includeClientSideAssets を true にすることでデプ ロイ

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

  26. DEMO: SPFx での Office 365 CDN 26

  27. まとめ Office 365 CDN は SharePoint Online のドキュメント ライブラリ に格納されたコンテンツを高速に配信する機能

    セキュリティが強く意識されている 管理は SharePoint Online Management Shell から SPFx のアセットの自動展開で有効活用できる 27
  28. ありがとうございました