Struktura monday apps umożliwia tworzenie zaawansowanych, zintegrowanych doświadczeń użytkownika na platformie monday.com. Możesz dzięki niej:

• Dodawać niestandardowe interfejsy do modyfikowania danych na tablicach monday.com
• Tworzyć bloki wielokrotnego użytku na potrzeby integracji
• Przenosić wizualizacje z narzędzi wewnętrznych do monday.com
• Automatyzować przepływy pracy lub rozszerzać funkcjonalność platformy za pomocą AI albo niestandardowych obiektów danych

Aplikacje monday.com składają się z funkcji aplikacji - podstawowych elementów udostępnianych przez strukturę. Tworzenie funkcji aplikacji obejmuje określenie ich działania, interfejsu użytkownika (jeśli jest potrzebny) oraz sposobu integracji z monday.com.

Ogólny przebieg prac deweloperskich

Każdy proces tworzenia aplikacji wygląda inaczej, ale większość aplikacji powstaje według tych podstawowych kroków:

1. Opracuj koncepcję

Najpierw określ cel aplikacji:

• Co ma robić?
• Do jakich danych będzie mieć dostęp lub jakie dane będzie modyfikować?
• Jak użytkownicy będą z niej korzystać?

2. Wybierz typ funkcji aplikacji

Wybierz odpowiedni typ funkcji aplikacji w zależności od sposobu, w jaki aplikacja współpracuje z monday.com. Typ funkcji określa, gdzie aplikacja pojawia się w monday.com i jak działa.

3. Skonfiguruj aplikację w Centrum dewelopera (Developer Center)

Utwórz i skonfiguruj aplikację oraz jej funkcje w Centrum dewelopera. Obejmuje to konfigurację ustawień ogólnych aplikacji, ustawień poszczególnych funkcji oraz uprawnień i zakresów dostępu.

4. Stwórz frontend

W przypadku funkcji aplikacji z interfejsem użytkownika możesz go zbudować za pomocą HTML, CSS, JavaScript lub dowolnego frameworka frontendowego. Użyj monday-sdk-js, aby pobierać kontekst, wywoływać API, nasłuchiwać zdarzeń i wykonywać działania na platformie. Poniższy przykład przedstawia podstawową strukturę HTML widoku tablicy.

<!DOCTYPE html>
<html>
<head>
  <title>My Board View</title>
  <script src="https://cdn.jsdelivr.net/npm/monday-sdk-js/dist/main.js"></script>
</head>
<body>
  <h1>Board Data Will Go Here</h1>
  <div id="boardName"></div>
  <script>
    const monday = mondaySdk();
    monday.get('context').then(res => {
      if (res.data.boardId) {
        monday.api(`query { boards(ids: ${res.data.boardId}) { name } }`)
          .then(apiRes => {
            document.getElementById('boardName').innerText = apiRes.data.boards[0].name;
          });
      }
    });
  </script>
</body>
</html>

5. Stwórz backend

W przypadku funkcji aplikacji, takich jak integracje, lub gdy frontend wymaga obsługi po stronie serwera, musisz:

• Zaimplementować logikę obsługującą żądania wyzwalaczy i akcji z monday.com (np. uruchamianie akcji w ramach integracji)
• Użyć OAuth 2.0, aby uzyskać bezpieczny dostęp do API
• Komunikować się z usługami zewnętrznymi i przetwarzać dane

6. Dokładnie przetestuj aplikację

Przetestuj funkcję w różnych środowiskach, rolach użytkowników i scenariuszach, aby zapewnić płynne korzystanie z aplikacji.

Implementacja

Utwórz aplikację w Centrum dewelopera

1. Otwórz Centrum dewelopera.
2. Kliknij Utwórz aplikację (Create app).
3. Wpisz unikalną nazwę aplikacji i slug.
4. Kliknij Utwórz aplikację.

Dodaj funkcję aplikacji w Centrum dewelopera

Po utworzeniu aplikacji:

1. Otwórz kartę Tworzenie (Build).
2. Wybierz Funkcje (Features).
3. Kliknij Utwórz funkcję (Create feature).
4. Wybierz funkcję aplikacji, której chcesz użyć, i kliknij Utwórz (Create).

{/*

Skonfiguruj funkcję aplikacji w Centrum dewelopera

Każdy typ funkcji aplikacji ma inne ustawienia, które można skonfigurować po jej utworzeniu. Po dodaniu funkcji aplikacji nastąpi przekierowanie do sekcji Szczegóły funkcji (Feature Details).

1. 
   

*/}