This SharePoint server 2013 tutorial, I have explained how to configure the app environment for deploying custom SharePoint apps in the SharePoint server 2013 on-premise environment. And, also we will see how to create an app using the visual studio in SharePoint 2013.
Configure App Environment in SharePoint 2013
First, we will create a forward lookup zone in windows server 2012.
Open your windows server, Click Start -> Open DNS Manager.
Right-click on Forward Lookup Zone -> Click New Zone. On the Zone Type “Pick Primary Zone”.
Click Next -> Check All the DNS servers running on this domain.
Click next and then provide the zone name “sharepointapps.com” then click next.
Click next- > allow automatic updates -> Click next to finish.
So as of now, the new forward lookup zone has been created successfully.
Create a CNAME for the domain name and Right Click on the App domain name -> Click New alias CNAME
In the Alias name box type ‘*’. In the FQDN (Fully qualified domain name) pick the forward lookup zone for the sharepoint sites domain and then Click Ok.
CNAME has been created successfully.
To verify the new domain name
Open command prompt and Ping domainname.sharepointapps.com
After a successful reply of the IP address from your server wild card has been created successfully.
Let’s navigate to sharepoint server central administration to activate the following services
Microsoft Sharepoint Foundation Subscription setting services
App management services
Open SharePoint Central administration -> Navigate to system settings -> Click manage services on the server. Check both services are in started state or else start the services.
You can also create subscription settings and app management service application via PowerShell and central administration.
After successful configuration of both service applications will go and configure app URL
Open sharepoint central administration and Click Apps.
Under App management -> Click configure app URL.
Enter the app domain and app prefix.
Click Ok to complete the setup.
Create Apps using Visual Studio in SharePoint Server 2013
Now open visual studio -> under Office365/sharepoint -> App. Pick a template App for sharepoint 2013.
Provide the name of the project “Helloworld”
Provide the developer site URL and select the type of app
- Auto hosted
- SharePoint hosted
- Provider hosted
For my scenario, I have picked a SharePoint hosted app.
Click Finish and Modify the default.aspx page with <h1></h1> tag.
Click Build – > Deploy.
After successful installation of the app.
Open the developer site and Click on the app -> Click Launch.
You may like following SharePoint tutorials:
- Change the SharePoint List View into JQuery News Ticker Using JS Link CSR
- SharePoint Online communication site Hero webpart
- Show SharePoint list view data in accordion view using jslink
- Promoted links web part in SharePoint Online
- Create and configure metadata navigation and filtering for list or library in SharePoint Online
- Navigation terms in sharepoint server 2013
- How to send an email using designer workflow in SharePoint Online or SharePoint 2013?
- Image rendition in SharePoint 2013 tutorial
- Create a responsive navigation menu using managed metadata navigation in SharePoint server 2013
- Create a chart using chart.js in SharePoint Server 2013/2016
- Ignite UI Data grid in SharePoint Online using AJAX
This SharePoint 2013 tutorial, we discuss how to configure the apps environment in SharePoint server 2013. Then we saw, how to create a SharePoint hosted apps using the visual studio in SharePoint server 2013.
Download SharePoint Online Tutorial PDF FREE!
Get update on Webinars, video tutorials, training courses etc.