Including a SharePoint Add-in in SharePoint 2013 requires establishing your improvement setting and creating the add-in undertaking. The method includes putting in Visible Studio and the Microsoft Workplace Developer Instruments, in addition to signing up for an Workplace 365 developer subscription.
As soon as your improvement setting is about up, you’ll be able to start creating the add-in undertaking. There are two sorts of add-ins you’ll be able to select from: SharePoint-hosted and provider-hosted. SharePoint-hosted add-ins comprise SharePoint lists, internet components, workflows, and different elements, whereas provider-hosted add-ins can embody customized performance and exterior sources.
To create a SharePoint-hosted add-in in Visible Studio, comply with these steps:
- Arrange your improvement setting by putting in Visible Studio and the Microsoft Workplace Developer Instruments. You can too join an Workplace 365 developer subscription.
- Open your developer web site in a browser and make word of the positioning’s URL.
- Begin Visible Studio, choose File > New > New Venture, and select Add-in for SharePoint beneath the Workplace/SharePoint node.
- Title your undertaking and supply the URL of the SharePoint web site the place you need to debug the add-in. Choose SharePoint-hosted because the internet hosting possibility.
- Open the AppManifest.xml file and make any crucial modifications to the add-in’s properties.
- Create SharePoint elements like lists, workflows, and pages within the undertaking.
- Code the performance of your add-in utilizing JavaScript.
- Deploy the add-in to your SharePoint web site by choosing Publish in Visible Studio.
- Set up the add-in in your SharePoint web site by navigating to the Web site Contents web page and choosing “Add an Add-in”.
This course of means that you can create and deploy a SharePoint Add-in in SharePoint 2013 utilizing Visible Studio. By following these steps, you’ll be able to improve the capabilities of your SharePoint web site and customise it in line with your particular necessities.
Organising the Growth Setting
Earlier than you can begin creating your SharePoint Add-in, it’s good to arrange your improvement setting. This includes putting in Visible Studio and the Microsoft Workplace Developer Instruments. Moreover, signing up for an Workplace 365 developer subscription will give you the required sources and entry to create and take a look at your add-in.
Putting in Visible Studio and Microsoft Workplace Developer Instruments
To start, obtain and set up Visible Studio, the built-in improvement setting (IDE) for creating SharePoint Add-ins. Make sure that you choose the suitable model appropriate along with your system. As soon as put in, you’ll be able to proceed so as to add the Microsoft Workplace Developer Instruments to your Visible Studio set up. These instruments present extra templates and performance particularly for Workplace and SharePoint improvement.
Join an Workplace 365 Developer Subscription
An Workplace 365 developer subscription means that you can create and take a look at SharePoint Add-ins in a devoted setting. To join a subscription, go to the Workplace 365 Developer Program web site and comply with the registration course of. After you have entry, you’ll be able to create a developer web site the place you’ll be able to deploy and debug your add-ins with out affecting any manufacturing environments.
By establishing your improvement setting with Visible Studio, the Microsoft Workplace Developer Instruments, and an Workplace 365 developer subscription, you should have all the required sources to create and take a look at your SharePoint Add-in in SharePoint 2013.
Creating the Add-in Venture
As soon as your improvement setting is about up, you’ll be able to proceed to create the add-in undertaking to your SharePoint Add-in in SharePoint 2013. The add-in could be both SharePoint-hosted or provider-hosted, relying in your necessities.
SharePoint-hosted add-ins are self-contained and solely comprise JavaScript code on customized SharePoint pages. They’ll embody elements like SharePoint lists, internet components, workflows, and pages. To create a SharePoint-hosted add-in in Visible Studio, comply with these steps:
- Open Visible Studio and choose “File > New > New Venture” from the menu.
- Select “Add-in for SharePoint” beneath the Workplace/SharePoint node.
- Title your undertaking and supply the URL of the SharePoint web site the place you need to debug the add-in.
- Choose “SharePoint-hosted” because the internet hosting possibility.
- Open the AppManifest.xml file and make any crucial modifications to the add-in’s properties.
- Create SharePoint elements like lists, workflows, and pages within the undertaking.
- Code the performance of your add-in utilizing JavaScript.
- Deploy the add-in to your SharePoint web site by choosing “Publish” in Visible Studio.
- Set up the add-in in your SharePoint web site by navigating to the Web site Contents web page and choosing “add an add-in”.
This course of means that you can create and deploy a SharePoint Add-in in SharePoint 2013 utilizing Visible Studio. SharePoint-hosted add-ins present a versatile and customizable resolution for extending the performance of SharePoint websites.
Supplier-hosted add-ins
Alternatively, for those who require extra complicated performance or integration with exterior methods, you’ll be able to select to create a provider-hosted add-in. This sort of add-in could be hosted on any internet server and might use any programming language or expertise stack.
To create a provider-hosted add-in, comply with the identical steps as above however choose “Supplier-hosted” because the internet hosting possibility. You have to to configure your internet server to host your add-in and deal with the communication between SharePoint and your provider-hosted resolution.
Abstract
In abstract, making a SharePoint Add-in in SharePoint 2013 includes establishing your improvement setting, creating the add-in undertaking, and deploying it to your SharePoint web site. SharePoint-hosted add-ins are perfect for including customized elements and performance to SharePoint websites, whereas provider-hosted add-ins provide extra flexibility and integration choices.
| Add-in Sort | Key Options |
|---|---|
| SharePoint-hosted | JavaScript code on customized SharePoint pages, SharePoint lists, internet components, workflows, and pages |
| Supplier-hosted | Hosted on any internet server, can use any programming language or expertise stack |
Deploying and Putting in the Add-in
As soon as your SharePoint Add-in undertaking is prepared, you’ll be able to deploy and set up it in your SharePoint web site utilizing the next steps:
Step 1: Make Modifications to the AppManifest.xml File
Open the AppManifest.xml file in your undertaking and make any crucial modifications to the add-in’s properties. This contains specifying the add-in’s title, description, icon, and different related info. The AppManifest.xml file serves as a configuration file to your add-in and permits SharePoint to know and show your add-in accurately.
Step 2: Debugging and Testing with Visible Studio
Earlier than publishing your add-in, it’s essential to debug and take a look at it to make sure it capabilities as anticipated. Visible Studio supplies a strong debugging setting for SharePoint Add-ins. Merely hit F5 to begin debugging your add-in on the SharePoint web site you specified throughout undertaking creation. Use breakpoints and step-through debugging to troubleshoot any points and validate the performance of your add-in.
Step 3: Publishing the Add-in
As soon as you’re glad with the testing and debugging part, it’s time to publish your add-in. In Visible Studio, choose “Publish” from the Construct menu. This can bundle your add-in and generate an set up file (.app) that may be deployed to SharePoint.
To put in the add-in in your SharePoint web site, navigate to the Web site Contents web page. Click on on “Add an Add-in” and select “From Your Group” or “From the SharePoint Retailer” relying on the place you printed the add-in. Discover your add-in within the listing and click on “Belief It” to put in it in your SharePoint web site. As soon as put in, you’ll be able to entry and use your SharePoint Add-in from the positioning’s navigation or different designated areas.
By following these steps, you’ll be able to efficiently deploy and set up your SharePoint Add-in on SharePoint 2013. Bear in mind to totally take a look at and validate your add-in earlier than making it obtainable to customers, guaranteeing a seamless consumer expertise and enhanced productiveness inside your SharePoint setting.
