PnPjsを利用して、Webパーツを作成する方法です。
PnPjsをインストール
Webパーツのソリューションを開き、以下のコマンドを実行します。
npm install @pnp/logging @pnp/common @pnp/odata @pnp/sp @pnp/graph --save
@pnp/spfx-property-controls がインストールされます。
PnPjsを利用する
例として、PnPjsを利用して、サイトのタイトルを表示するWebパーツを作成してみます。
Webパーツクラスのファイルを開き、モジュールをインポートします。
WebパーツクラスのonInitメソッド、renderメソッドを修正します。
gulp serve で実行してみると、サイトのタイトルを表示できていることがわかります。
以上、PnPjs を利用する方法でした。
そのほかの使用方法等は、以下を参照ください。
PnPjs を利用して、Microsoft Graphを使用する方法は、下記を参照ください。
