Flotiq Webhook 예

시스템 기능을 확장하거나 업무 흐름에 맞는 다른 응용 프로그램과 빠르게 통합하려면 웹훅이 매우 유용합니다.언제든지 Webhook을 사용 또는 사용 안 함으로 설정할 수 있습니다.
이제 Flotiq를 사용하여 Webhook을 쉽게 정의할 수 있습니다.
예제를 보고 프로젝트에서 사용하거나 작업 로드맵으로 간주하십시오.

Trigger a Gatsby preview when site content was changed.

Trigger a Gatsby production build when a Build production button was clicked.

Trigger a Netlify build when a Build site button was clicked.

Send a RocketChat notification when the contact form was submitted.

Trigger AWS Lambda serverless function when entry is changed.

Note
If you are new in webhooks, read the Flotiq Webhooksintroduction first.

1. 사이트 내용 변경 시 개츠비 미리보기 트리거

전제 조건: Flotiq에 Product 내용 유형이 정의되어 있다고 가정합니다.
Gatsby Cloud 대시보드에서 다음을 수행합니다.
사이트 설정으로 이동합니다.General-> Webhook 메뉴에서 Preview webhook URL을 찾습니다.

Flotiq 대시보드에서 다음을 수행합니다.

페이지로 이동하고 Webhooks를 클릭합니다.

웹훅(예를 들어 Add new webhook을 명명하고 획득한 Gatsby Preview URL을 웹훅Preview으로 붙인다.

트리거로 URLCreate,Update와Delete조작을 선택하고 웹훅을 저장합니다.

검사 결과

Product에서 Create,Update,Delete 조작을 실행하면 게이츠비운 미리보기가 자동으로 터치됩니다.

2.build production 단추를 눌렀을 때Gatsby production build를 터치합니다

전제 조건: Flotiq에 Product 내용 유형이 정의되어 있다고 가정합니다.
Gatsby Cloud 대시보드에서 다음을 수행합니다.

사이트 설정으로 이동합니다.

Product-> General 메뉴에서 Webhook 웹훅 URL을 찾습니다.

Flotiq 대시보드에서 다음을 수행합니다.

페이지로 이동하고 Builds를 클릭합니다.

웹훅(예를 들어 Webhooks을 명명하고 획득한 Add new webhook URL을 웹훅Gatsby Build Production으로 붙인다.

트리거로 Builds에서 URL 조작을 선택하고 웹훅을 저장합니다.

검사 결과

현재, Custom 웹훅 단추는 편집 Product 표에서 제공됩니다.

Flotiq에서 Gatsby Build Production 버튼을 클릭하면 게츠비 프로덕션 빌드가 트리거됩니다.

3. 사이트 구축 버튼을 눌렀을 때 Netlify 구축 트리거

전제 조건: Flotiq에 Product 내용 유형이 정의되어 있다고 가정합니다.
Netlify 대시보드에서 다음을 수행합니다.

사이트 설정으로 이동합니다.

메뉴Gatsby Build Production->Product에서 부분Build & Deploy을 찾습니다.

에 새 구축 갈고리를 추가합니다. (이름은 사용자가 결정합니다.)

클릭Continuous Deployment하고 사용자 정의 갈고리 URL(예를 들어 Build hooks):

Flotiq 대시보드에서 다음을 수행합니다.

페이지로 이동하고 Save를 클릭합니다.

웹훅(예를 들어 https://api.netlify.com/build_hooks/xxxxxx을 명명하고 획득한 URL을 웹훅Webhooks으로 붙인다.

트리거로 Add new webhook에서 Build Site 조작을 선택하고 웹훅을 저장합니다.

검사 결과

현재, URL 웹훅 단추는 편집 Custom 표에서 다음과 같이 제공됩니다.

Flotiq에서 Product 사이트 버튼을 클릭하면 Netlify 구축이 트리거됩니다.

Note
Choosing actions Create, Update, Delete, the build will be triggered automatically. The button Build Site is visible only when you choose a Custom trigger.

4. 연락처를 제출할 때 RocketChat 알림을 보냅니다.

선결 조건: Flotiq에 Build Site 내용 유형이 정의되어 있고 Product 속성이 있다고 가정합니다.
RocketChat 대시보드에서 다음을 수행합니다.

에서 Build->Contact Form로 이동합니다.

클릭message 통합

다음 값으로 양식을 작성합니다.

선택Administration을 확인하고 Flotiq 페이로드를 RocketChat 양식으로 변환하는 데 필요한 코드를 붙여넣습니다(자세한 내용은 RocketChat docs.

class Script {
  process_incoming_request({ request }) {
    return {
      content: {
        text: `New message: ${request.content.payload.message}`, // assuming your CTD have `message` field
       }
    };
  }
}

웹훅을 저장하고 웹훅 URL을 복사합니다.

Flotiq 대시보드에서 다음을 수행합니다.

Integrations 페이지로 이동하고 Add newwebhook을 클릭합니다.

웹훅(예를 들어 Script enabled을 명명하고 획득한 Webhooks를 웹훅Add new으로 붙인다.

트리거로 Chat Notification에서 Webhook URL 조작을 선택하고 웹훅을 저장합니다.

Note
As the next step, we recommend creating the Contact Form with Flotiq Forms. It is an easy-to-use form generator, that adds customer input directly to your Content Objects.

검사 결과

URL에 대해 Create 작업을 수행하거나 Flotiq Forms에 따라 연락처를 제출한 후 RocketChat 알림을 트리거합니다.

5. 항목 변경 시 AWS Lambda 터치 시 서버 기능 없음

Flotiq Webhooks 및 AWS Lambda를 통합하려면 다음 절차를 따르십시오.

HTTP 요청을 받기 위해 AWS Lambda를 설정합니다.우리는 당신을 위해 간단한 AWS Lambda webhook example 코드를 준비했습니다.

복제Contact form 명령이 서비스를 나타내는 Create URL로 반환됩니다.

Flotiq 계기판에서 Contact form 페이지로 이동하고 endpoint 웹훅

을 누르십시오

웹훅(예를 들어 serverless deploy을 명명하고 획득한 Webhooks URL을 웹훅Add new으로 붙인다.

트리거로서 여러 컨텐츠 유형에 대해 Notify AWS Lambda, endpoint 및 URL 작업을 선택합니다.

검사 결과

컨텐츠 객체에 대한 작업을 수행하면 AWS Lambda CloudWatch에서 로그를 볼 수 있습니다.현재, 당신은 받은 유효 부하를 사용하여 자신의 업무 논리를 실현할 수 있습니다.

Notes
This is a simple example without authentication. You can add it by yourself or set up API keys using AWS. that allows you to track the API Keys usage, throttle the requests or use a quota for your applications.

Register in Flotiq to create your webhook