Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 30 Next »

Overview

API documentation facilitates the use, integration, and basic understanding of your API and is an essential guide or manual for developers/users of your APIs. Good documentation can include various content such as code examples, tutorials, usage scenarios, and much more. Ultimately, good documentation is an important part of a positive Developer Experience (DX) as it enables users to solve problems on their own and can lead to increased API usage and adoption.

To make the documentation of your APIs as simple and comprehensive as possible, the API Control Plane gives you the freedom and flexibility to structure and design it as you wish. You can work with pages based on Markdown or Rich Text and create a folder structure according to your wishes. You can also create a folder, link it to Git, and obtain your documentation from there.

Administration Portal - Documentation of an API

If you navigate to the Documentation menu item in the second navigation menu within an API, you will see the first level of the documentation listed in tabular form.

In the top right-hand corner, there is a button that you can use to create a new item in the documentation (more on this below).

There can be different types of documentation items:

  • Markdown: Creates a new page in the documentation of the type "Markdown", which can be created and edited using a special Markdown editor. Markdown is an easy-to-use markup language that allows you to add formatting elements ( e.g. headings, links, or lists) to plain text.

  • Rich Text: Creates a new page in the documentation of the type "Rich Text". Rich text allows for more sophisticated formatting and styling with an editor that is comparable to a WYSIWYG editor.

  • Folder: Creates a new folder, that can contain all types of documentation pages or other folders.

The table itself is divided into three columns:

  • The Type of the documentation item, which is indicated through an icon:

    • image-20240328-141711.png: Markdown

    • image-20240328-141655.png: Rich Text

    • image-20240328-141723.png: Folder

  • The Name of the documentation item, which must be unique.

  • The Status of the documentation item, which specifies whether this documentation page is displayed in the developer portal ("published") or not ("not published").

By clicking on the individual entries in the table, you can access the respective documentation item to edit it or change its settings.

Folders

If the selected documentation item in the table is of the type "Folder", you will be transferred one hierarchy level down into the folder. There you have two more menu items to choose from:

  • Content: Here you will see the same table as described above for the first hierarchy level (Overview).

  • Settings: Here you can adjust various settings for this folder (more on this below).

In the top right-hand corner, there is a drop-down menu that you can access using the three dots. There you can delete the current folder if it contains no more items and create new documentation items.

Pages

If the selected documentation item in the table is of the types "Markdown" or "Rich Text", you will be transferred to an edit page of the corresponding type. here you have two more menu items to choose from:

The current page can be deleted using the "Delete Item" button in the top right-hand corner.

To navigate back by one hierarchy level, you can click on the three dots to the left of the icon and the name image-20240328-152107.png of the current item.

Create a New Documentation Item

ApiDetailsDocumentationCreate-20231110-172759-20240209-113515-20240328-110324.png

To create a new documentation item, select the "Create New Item" button in the top right-hand corner or the corresponding menu item from the drop-down menu in the same location.

This will open a new dialog window in which you have various input fields and other settings:

  • Name: With this input field, the documentation item can be given a name, which must be unique in the documentation of this specific API.

  • Type of the Item: Here you can choose between three types of items as listed below.

    • Markdown: Creates a new page in the documentation of the type "Markdown", which can be created and edited using a special Markdown editor. Markdown is an easy-to-use markup language that allows you to add formatting elements ( e.g. headings, links, or lists) to plain text.

    • Rich Text: Creates a new page in the documentation of the type "Rich Text". Rich text allows for more sophisticated formatting and styling with an editor that is comparable to a WYSIWYG editor.

    • Folder: Creates a new folder, that can contain all types of documentation pages or other folders.

  • Toggle “Welcome Page of this API”: This option specifies which documentation page should be displayed as the overview page in the developer portal for the corresponding API. Only one documentation can be selected as a welcome page at a time. The last setting overwrites the previous one. This toggle is only visible for documentation items of the types "Markdown" and "Rich Text".

To create the documentation item with the settings you have specified, click on the "Create New Item" button.

Edit a Markdown Page

ApiDetailsDocumentationMarkdown-20240209-112931-20240328-110528.png

When you edit a page of the type "Markdown", a special Markdown editor is displayed. This editor is divided into two areas: On the left-hand side, you can write your documentation and use the special markdown syntax commands. On the right-hand side, you will see a rendered live version of your documentation. All formatting options using Markdown can be found in the official documentation.

You can use the "Auto Save" toggle to set whether the changes you make to your documentation on the left-hand side of the editor are automatically saved permanently or not. If this option is not active, you must click on the "Save" button at the end of your editing to save your changes permanently.

Image Management in Markdown

image-20240328-152956.png

You can call up the image management dialog via the 'Image Management' button.

Here you can upload any kind of image. It will be saved until you delete it. Everyone who has access to this API can also see the uploaded image. The maximum size is 2 MB.

Select the image you want to display in the documentation, copy the Markdown snippet that appears below and paste it into your documentation.

Edit a Rich Text Page

With the type rich text you get a graphical editor with which you can easily and conveniently create documentation. You can also use this type to create your documentation in HTML.

A summary of all HTML templates can be found here: CMS Template Library

ApiDetailsDocumentationRichText-20231110-172136-20240209-112908-20240328-110600.png

If you want to edit an item of the 'Rich Text' type, you first come to the read only editor. here you can view the current item in its current state. To edit the item, click on the 'Edit' button. The editor then switches to edit mode. In this mode you have many different tools at your disposal, which are known from standard text editing programs. You can edit texts directly in the editor.

ApiDetailsDocumentationRichTextEdit-20231110-172403-20240209-112824-20240328-110637.png

To insert our predefined HTML templates, you can click on the 'Insert Template' button or on the stamp symbol image-20240328-154725.png . This will open another window with all available templates.
If you want to edit the plain HTML you have to click on the source code symbol image-20240328-154702.png . This will open another window which displays the complete item as HTML code. Here you can insert new HTML code or edit existing code.

To save your changes, click on the 'Save' button.

Change the Settings of a Page or Folder

image-20240328-143259.png

Items of the type 'Markdown' or 'Rich Text' have the same structure as the settings view. The item of type 'Markdown' differs from the other types in the settings view only in that it has no toggle 'Welcome Page of this API'. There are various input fields and toggles in the settings view.

  • Name: Specifies the name of the item, which must be unique.

  • Toggle 'Published': Use this option to specify if this documentation page should be displayed in the developer portal.

  • Toggle 'Welcome Page of this API': Use this option to specify which documentation page should be displayed as the overview page in the developer portal for the corresponding API. Only one documentation can be selected as a welcome page at a time. The last setting overwrites the previous one.

  • Url: The url to the Git repository.

  • Git Credential: The Git credential to log in to the Git repository. The Git credentials can be created in Configuration > Git Credentials.

  • Branch: The branch within the Git repository.

  • Path: The path within the Git repository.

  • Fetch interval: The interval at which the latest version should be checked.

Table of Contents

  • No labels