ドキュメント - iMessagePlex

はじめに

iMessagePlexのドキュメントへようこそ！以下の手順に従って、コンタクトフォームをセットアップおよび管理してください。

1. フォームをセットアップする

メッセージを送信するための最も基本的なコンタクトフォームを作成する方法です。

    
      
<!-- index.html -->
<div class="contact-form">
    <form id="contact-form" onsubmit="">
      <input id="name" name="name" type="text" placeholder="Enter Your Name" required>
      <input id="email" name="email" type="email" placeholder="Enter Your Email" required>
      <textarea id="message" name="message" cols="40" rows="5" placeholder="Enter Your Message" required></textarea>
      <input  type="submit" value="Submit" class="send">
    </form>
</div>

2. JavaScriptでフォームを処理する

JavaScriptを使用してフォームデータを処理し、HTTP POSTリクエストをサーバーに送信します。

必要なJSONボディ

POST: https://imessageplex.com/ja/user/message/{YOUR_USERNAME}

"apiKey": 文字列

"name": 文字列 (3-100文字)

"email": 文字列 (3-100文字)

"message": 文字列 (3-3000文字)

APIキーはアカウントダッシュボードから取得してください。忘れた場合は、新しいキーを生成する必要があります。その際、前のキーが無効になりますので、注意して進めてください。

レスポンス

200: メッセージを正常に送信しました

400: 不正なリクエスト (リクエストボディが間違っています)

401: 無効なAPIキー

例

    
      
// main.js
const form = document.getElementById('contact-form');

form.addEventListener('submit', async (event) => {
  event.preventDefault();

  const name = document.getElementById('name').value;
  const email = document.getElementById('email').value;
  const message = document.getElementById('message').value;

  const url = 'https://imessageplex.com/ja/user/message/{YOUR_USERNAME}';

  const response = await fetch(url, {
    method: 'POST',
    body: JSON.stringify({
      name,
      email,
      message,
      apiKey: {YOUR_API_KEY (Make sure to hide this with ENV)},
    }),
  });

  if (response.ok) {
    alert('Message was sent successfully!');
  }
});