Skip to main content

SPFx Interview Questions With Answers - part 2

In this article, we will include SPFx interview questions based on the SPFx development.

Write the steps to deploy SPFx web part to SharePoint online.
To deploy the SPFx web part and extension in SharePoint online. We need to follow the steps mentioned below to deploy SPFx client-side solution (web parts, extension ) to SharePoint :

App Catalog site is a prerequisite to the deployment of the SPFx client-side solutions. Hence, you need to ensure that an App Catalog site is present.

Create Package:
  • Open the command prompt and move to our SPFx web part directory.
  • Run the command "gulp clean", this command removes all files from previous builds.
  • Run the command "gulp bundle --ship", you have to add the --ship or the --production argument to the bundle command, this command helps us to build solutions for production.
  • Run the command "gulp package-solution --ship", one we run the previous command we need to run this command to create a package. Once the command get executed, you can find the ".sppkg" package in the project directory on this location: “\sharepoint\solution\”
Deploy Package:
Go to the App Catalog site and click on the upload, now open the project directory in windows explorer and move to the SharePoint folder in the project directory and select the ".sppkg" file.
It will prompt you a dialog box. Click on the "deploy" button and the package will get deployed.

SharePoint Framework supports development on on-premises.
SharePoint Framework supports development on on-premises, It supports SharePoint Server 2019 and SharePoint Server 2016 .

How can we change the default icon of a web part, which appears in the toolbox?
Yes, we can change the default icon of a web part. You can set the web part icons in two ways.
1. Use a specific icon: 
With the help of "officeFabricIconFontName" property in the manifest of your web part. You can set the icon by providing the name of the icon. 
you can use the Fluent UI icons, to use Fluent UI icons, go to the Fluent UI icons overview page, copy its name, and paste it as the value of the "officeFabricIconFontName". Like "officeFabricIconFontName": "Sunny".
2. External icon image:
With the help of the "iconImageUrl" property in the manifest of your web part. You can set the external icon image by providing an absolute URL in the iconImageUrl property. 
Ex. "iconImageUrl" : "https://***/Icon.png".
You can also use a base64-encoded image instead of a URL. You can convert your Image into base64 using this site Convert Image to base64 


 
Labels:

Comments

  1. Vishal Thakur21 December 2022 at 09:00

    Thanks Raghav for this blog, it is very helping for me...

    ReplyDelete

Post a Comment

Popular posts from this blog

SPFx Interview Questions With Answers

In this article, we are going to discuss interview questions related to the SPFx (SharePoint Framework Development ). It will help you to prepare for the interview and in getting clarity on the core concepts of SPFx development. What is SPFx? SPFx, short for SharePoint Framework,  SPFx  allows us for client-side SharePoint development, we can easily connect with SharePoint data and it also supports for open source tools. What is the major difference between SPFx web part and the SharePoint app? Both the development model supports client-side development but the major difference between these two is that the SharePoint app(add-in) runs on the iframe. What you can build with SPFx? Using SPFx framework we can customize the SharePoint pages. We can build things mentioned below using the SharePoint Framework(SPFx). Web parts, Extensions, Adaptive Card, Library Component How many types of extensions we can create using SPFx? SPFx has three extension types: Application Customizers: Using the
2 comments
Read more

How to register an app in SharePoint

In this article, we are going to learn how to register an app/add-in in SharePoint online. If you have created a Sharepoint provider-hosted add-in or other SharePoint solution and to access the SharePoint site or list using the app/add-in you need to register the add-in on SharePoint and to grant permission. Register app in SharePoint 1. Login into SharePoint and Navigate to register an app page. Use the URL mentioned below:          [Sitecollection URL]/_layouts/15/appregnew.aspx 2.  Once you navigate to the Register app page, a form will open. You need to fill all the fields on the form. Client Id and Client Secret  generated when we click on the generate button available next to the fields.  Title : Name of the add-in which you want to give. App Domain : Where your domain is hosted, for the local environment you can place             "www.localhost.com". Do not include HTTP or HTTPS in App Domain. Redirect URL :  Insert the redirect URL, for t
Post a Comment
Read more

Permission XML for SharePoint Add-in

In this article, we will be discussing the permission XMLs, which are used to provide permission to SharePoint add-in. Permission XML for the SharePoint app. You can set the App only permission, by setting "true" or "false" in  AllowAppOnlyPolicy=“true” in these permission XMLs.   If add-in granted permission to tenant scope, It includes all children in scope. Before granting access to the app, need to register an app. Follow this link for step by step guide to  How to register an app/add-in in SharePoint   Providing access to add-in at tenant level: To provide access at tenant level user must have the tenant admin level permission. To grant this permission tenant admin can use this URL   https://tenantName-admin.sharepoint.com/_layouts/appinv.aspx Search the App Id (Client ID) and it will fetch all the information which you provide at time of registration of app.   Assign full control at tenant level : <AppPermissionRequests AllowAppOnlyPolicy="true&quo
Post a Comment
Read more