TypeScript sp-pnp-js.setup函數代碼示例

    return new Promise<void>((resolve) => {
      if (!this.properties.tasksListTitle) {
        resolve();
        return;
      }

      let batch: any = pnp.sp.createBatch();
      let today: Date = new Date();
      today.setHours(0, 0, 0, 0);

      pnp.setup({
        spfxContext: this.context
      });

      pnp.sp.web.get().then((web: any) => { console.log(web); });

      pnp.sp.web.lists.getByTitle(this.properties.tasksListTitle).views.getByTitle('Late Tasks').inBatch(batch).get().then((view: any) => {
        this._viewUrl = `${view.ServerRelativeUrl}?FilterField1=AssignedTo&FilterValue1=${escape(this.context.pageContext.user.displayName)}`;
      });

      pnp.sp.web.lists.getByTitle(this.properties.tasksListTitle)
        .items.expand('AssignedTo/Id').select('Title, AssignedTo, AssignedTo/Id, DueDate')
        .filter(`AssignedTo/Id eq ${this.context.pageContext.legacyPageContext.userId} and DueDate lt datetime'${today.toISOString()}' and (PercentComplete eq '' or PercentComplete eq '100%')`)
        .get().then((items: any) => {
          this._dueTasks = items;
        });

      batch.execute().then(() => {
        this._renderPlaceholder();
        resolve();
      });
    });

    return super.onInit().then(_ => {

      pnp.setup({
        spfxContext: this.context
      });

    });

    return new Promise<ISPList[]>((resolve: any) => {
      pnp.setup({
        headers: {
          "Accept": "application/json; odata=verbose",
        },
      });

      pnp.sp.web.lists.get().then((response: any) => {

        let items: ISPList[] = [];

        response.forEach(function (item: any) {
          items.push({ Title: item.Title, Id: item.Id });

        });

        resolve(items);
      });
    });

  @override
  public onInit(): Promise<void> {
    Log.info(LOG_SOURCE, `Initialized ${strings.Title}`);

    //Configure PnP JS Core
    pnp.setup({
      spfxContext: this.context
    });

    try {
      //Grab the placeholders that the page currently offers
      let pagePlaceHolders: ReadonlyArray<PlaceholderName> = this.context.placeholderProvider.placeholderNames;

      //Get our list of placeholders
      PlaceholderItems.GetItems(this.context.pageContext.web.id.toString()).then((data: IPlaceholderItem[]) => {

        //Loop through returned placeholders
        data.forEach((element: IPlaceholderItem) => {

          //Look for a matching placeholder in the list of official placeholders
          let index: Number = pagePlaceHolders.indexOf(PlaceholderName[element.Title]);
          if (index !== -1) {

            //Grab the placeholder
            let currentPlaceholder: PlaceholderContent = this.context.placeholderProvider.tryCreateContent(PlaceholderName[element.Title]);

            //Insert our content
            currentPlaceholder.domElement.innerHTML = element.SPFxContent;
          }
        });
      }
      );
    }
    finally {
    }



    return Promise.resolve<void>();
  }

  @override
  public async onInit(): Promise<void> {
    Log.info(LOG_SOURCE, `Initialized ${strings.Title}`);

    // Added to handle possible changes on the existence of placeholders
    // this.context.placeholderProvider.changedEvent.add(this, this._renderPlaceHolders);

    // Configure caching
    pnp.setup({
      defaultCachingStore: "session",
      defaultCachingTimeoutSeconds: 900, //15min
      globalCacheDisable: false // true to disable caching in case of debugging/testing
    });

    // Retrieve the menu items from taxonomy
    let termStoreService: SPTermStore.SPTermStoreService = new SPTermStore.SPTermStoreService({
      spHttpClient: this.context.spHttpClient,
      siteAbsoluteUrl: this.context.pageContext.web.absoluteUrl,
    });

    if (this.properties.TopMenuTermSet != null) {
      let cachedTerms = pnp.storage.session.get(NAV_TERMS_KEY);
      if(cachedTerms != null){
        this._topMenuItems = cachedTerms;
      }
      else {
        this._topMenuItems = await termStoreService.getTermsFromTermSetAsync(this.properties.TopMenuTermSet, this.context.pageContext.web.language);
        pnp.storage.session.put(NAV_TERMS_KEY,this._topMenuItems);
      }
    }
    if (this.properties.BottomMenuTermSet != null) {
      this._bottomMenuItems = await termStoreService.getTermsFromTermSetAsync(this.properties.BottomMenuTermSet, this.context.pageContext.web.language);
    }

    // Call render method for generating the needed html elements
    this._renderPlaceHolders();

    return Promise.resolve<void>();
  }