M.E.A.N.を取得TrelloとZapierと

このチュートリアルでは、TrelloとZapierを統合して強力なワークフローを作成する方法を示しています。MongoDBデータベースに新しいユーザーデータを追加すると、Trelloカードの作成を自動化します。 M.E.A.Nを使用してこれを構築します。スタックとヨーマンジェネレーター

。generator-angular-fullstack

重要な概念：

タスク管理のための

• Trello：Trelloはタスク組織に優れており、マークダウンサポートやショートカットなどの機能を提供しています。
自動化用のZapier：
• Zapierはアプリケーションを接続し、それらの間のワークフローを自動化します。 mongodbデータストレージ：
mongodbを使用してユーザーデータを保存し、他のアプリでアクションをトリガーします。
• m.e.a.n。スタック開発：アプリケーションはMongodb、Express.js、Angularjs、およびnode.jsを利用しています
• yeomanジェネレーター：
アプリケーションの作成を簡素化します。
• generator-angular-fullstack環境のセットアップ：

ジェネレーターのインストール：

を使用してヨーマンジェネレーターをインストールします。
1. アプリケーションを作成します：runnpm install -g generator-angular-fullstack。
2. mongoDBセットアップ：mongoDBデータベース（たとえば、MongoHQまたは同様のサービスを使用）を作成し、ユーザーアカウントを作成します。 接続URI、ユーザー名、およびパスワードに注意してください yo angular-fullstack
3. サーバー側の開発：

mongodb接続の構成：

更新mongodb接続uri：

1. ユーザーのエンドポイントを作成します：server/config/development.js
を使用してユーザーエンドポイントを生成します。 必要なフィールドを含めるように

スキーマを変更してください（

<code class="language-javascript">'use strict';

module.exports = {
  mongo: {
    uri: 'mongodb://<username>:<password>@<host>:<port>/<database>'
  },
  seedDB: true
};</database></port></host></password></username></code>

、

、
2. 、、）。 yo angular-fullstack:endpoint user server/api/user/user.model.js nameemailクライアント側の開発：locationreason message

<code class="language-javascript">var UserSchema = new Schema({
    name: String,
    email: String,
    location: String,
    reason: String,
    message: String
});</code>

フォームを作成します。

ファイルを変更して、MongoDBスキーマの各フィールドに入力フィールドを使用してフォームを作成します。 入力値をスコープにバインドするには、を使用してください。

1. フォームの提出を処理する：

   in、を使用してフォームデータをclient/app/main/main.htmlendpointに送信する関数を作成します。 ng-model

2. ZAPIER統合：

   1. 新しいzap：zapierで作成するには、トリガーアプリとしてmongodbを使用して、アクションアプリとしてtrelloを使用して新しいzapを作成します。
   2. トリガーを構成します：トリガーを「新しいドキュメント」に設定し、MongoDBデータベースと「ユーザー」コレクションを指定します。
   アクションを設定します：
   3. trelloで「カードの作成」にアクションを設定します。 MongoDBフィールドを適切なTrelloカードフィールド（タイトル、説明など）にマッピングします。 フォーマットのために説明にマークダウンを使用します

   

   ZAPをテストします：
   ZAPをテストして、MongoDBコレクションに新しいドキュメントが追加されたときにTrelloカードを正しく作成することを確認してください。
   4. 結論：

   この統合システムは、合理化されたワークフローを提供します。ユーザーはフォームを介してデータを送信し、データはMongoDBに保存され、Zapierは対応するTrelloカードを自動的に作成し、タスク管理を自動化します。 コードスニペットのプレースホルダー値を実際のMongoDB資格情報とTrelloボード情報に置き換えることを忘れないでください。

以上がM.E.A.N.を取得TrelloとZapierとの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。