How to integrate online editors into your own website on .Net (C#)

Overview

This example will help you integrate ONLYOFFICE Docs into your web application written in .Net (C#).

The integration examples are used to demonstrate document editors functions and the ways to connect Document Server to your own application. DO NOT USE these examples on your own server without PROPER CODE MODIFICATIONS! If you enabled any of the test examples, disable it before going for production.

Important security info

Please keep in mind the following security aspects when you are using test examples:

  • There is no protection of the storage from unauthorized access since there is no need for authorization.
  • There are no checks against parameter substitution in links, since the parameters are generated by the code according to the pre-arranged scripts.
  • There are no data checks in requests of saving the file after editing, since each test example is intended for requests only from ONLYOFFICE Document Server.
  • There are no prohibitions on using test examples from other sites, since they are intended to interact with ONLYOFFICE Document Server from another domain.

Step 1. Install ONLYOFFICE Docs

Download and install ONLYOFFICE Docs (packaged as Document Server).

See the detailed guide to learn how to install Document Server for Windows, for Linux, or for Docker.

Step 2. Download the .Net (C#) code for the editors integration

Download the .Net (C#) example from our site.

To connect the editors to your website, specify the path to the editors installation and the path to the storage folder in the settings.config file:

  1. <add key="storage-path" value=""/>
  2. <add key="files.docservice.url.site" value="https://documentserver/" />

where the documentserver is the name of the server with the ONLYOFFICE Document Server installed and the storage-path is the path where files will be created and stored. You can set an absolute path.

If you want to experiment with the editor configuration, modify the parameters in the DocEditor.aspx file.

Step 3. Install the prerequisites

Check that your system meets the requirements:

  • Microsoft .NET Framework: version 4.5 (download it from the official Microsoft website);
  • Internet Information Services: version 7 or later.

Configure the IIS components for the server to work correctly:

  1. Open Windows features:

    Start -> Control Panel -> Programs -> Programs and Features -> Turn Windows features on or off

  2. In the opened window, find Internet Information Services and check all the features that are chosen in the following image:

    .Net (C#) example - 图1

Step 4. Run your website with the editors

  1. Run the Internet Information Service (IIS) Manager:

    Start -> Control Panel -> System and Security -> Administrative Tools -> Internet Information Services (IIS) Manager

  2. Add your website in the IIS Manager.

    On the Connections panel right-click the Sites node in the tree, then click Add Website.

    .Net (C#) example - 图2

  3. In the Add Website dialog box specify the name of the folder with the .Net (C#) project in the Site name box.

    Specify the path to the folder with your project in the Physical Path box.

    Specify the unique value used only for this website in the Port box.

    .Net (C#) example - 图3

  4. Check for the .NET platform version specified in IIS Manager for you website. Choose v4.0. version.

    Application Pools -> right-click the platform name -> Set application Pool defaults -> .NET CLR version

    .Net (C#) example - 图4

  5. Browse your website with the IIS Manager:

    Right-click the site -> Manage Website -> Browse

    .Net (C#) example - 图5

Step 5. Check accessibility

In case the example and Document Server are installed on different computers, make sure that your server with the example installed has access to the Document Server with the address which you specify instead of documentserver in the configuration files. Make sure that the Document Server in its turn has access to the server with the example installed with the address which you specify instead of example.com in the configuration files.

If you integrated the editors successfully the result should look like the demo preview on our site.