sp-dev-fx-webparts/samples/angular-msgraph/README-Localized/README-ja-jp.md

3.6 KiB

page_type products languages extensions
sample
office-sp
ms-graph
javascript
typescript
contentType technologies services platforms createdDate
samples
SharePoint Framework
Microsoft Graph
SharePoint
AngularJS
2/16/2017 12:00:00 AM

##Angular v1.x で作成された Angular MS Graph Web パーツ

概要

これは、Microsoft Graph に接続し、テナントから SharePoint 情報を引き出すサンプルの MS Graph Web パーツです。最初にルート サイト コレクションを取得し (現在は Microsoft Graph による制限)、 次にサイトに関連付けられているすべてのリストを表示し、次にリスト内のすべてのアイテムを表示します。

最初の画面

ログイン済み

ルート サイト コレクション

ルート サイト内のリスト

お知らせリストのアイテム

注:現在、お知らせリスト用に開発されたモデルのみを持っています。その他のリストはすべて、現在エラーが発生しています。

使用されている SharePoint Framework バージョン

drop

適用対象

解決方法

ソリューション 作成者
angular-msgraph David Hartman (Slalom)

バージョン履歴

バージョン 日付 コメン
2.0 2017 年 4 月 19 日 GA リリース
1.0 2017 年 2 月 6 日 初期リリース

免責事項

このコードは、明示または黙示のいかなる種類の保証なしに現状のまま提供されるものであり、特定目的への適合性、商品性、権利侵害の不存在についての暗黙的な保証は一切ありません。


構成の草原

  • このリポジトリの複製を作成する
  • コマンド ラインで、次を実行する
  • npm i typings -g
  • npm i
  • `gulp serve

アプリケーションの登録

  1. 個人用アカウントか職場または学校アカウントのいずれかを使用して、アプリ登録ポータルにサインインします。

  2. [アプリの追加] を選択します。

  3. アプリの名前を入力して、[アプリケーションの作成] を選択します。

    登録ページが表示され、アプリのプロパティが一覧表示されます。

  4. アプリケーション ID をコピーします。これは、アプリの一意識別子です。

  5. [プラットフォーム] で、[プラットフォームの追加] を選択します。

  6. [Web] を選択します。

  7. [暗黙的フローを許可する] チェック ボックスが選択されていることを確認して、リダイレクト URI として http://{SP ワークベンチの場所} を入力します。

  8. [保存] を選択します。

アプリの構成

  1. aad および redirect_uri プレースホルダー値をアプリケーション ID に置き換え、 GraphHelper.ts ファイルの登録済み Azure アプリケーションの URL を src -> angularMsGraph -> GraphHelper.ts でリダイレクトします。