獲取M.E.A.N.與Trello和Zapier

>本教程演示瞭如何集成Trello和Zapier以創建功能強大的工作流程，從而在將新的用戶數據添加到MongoDB數據庫中時自動創建Trello卡。 我們將使用M.E.A.N.進行構建堆棧和Yeoman Generatorgenerator-angular-fullstack。

密鑰概念：

用於任務管理的
• > trello： 自動化的
• zapier： zapier連接應用程序，自動化工作流程。
> mongoDB數據存儲：
• 我們使用mongoDB存儲用戶數據，在其他應用程序中觸發操作。
> M.E.A.N。堆棧開發：
• 應用程序利用mongodb，express.js，angularjs和node.js.
> yeoman Generator：
• >簡化了應用程序創建。 generator-angular-fullstack

設置環境：

>

安裝生成器：

使用
1. 安裝yeoman Generator。 > 創建應用程序：npm install -g generator-angular-fullstackrun
並將其配置為包含用於數據建模的雜種。
2. > mongoDB設置：yo angular-fullstack創建一個mongoDB數據庫（例如，使用mongoHQ或類似服務）和用戶帳戶。 注意連接URI，用戶名和密碼。
>

服務器端開發：

>配置mongodb連接： update

與您的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，name，email）。 location reason message
客戶端開發：

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

>創建表單：

修改

文件以創建一個符號，並在mongodb架構中為每個字段的輸入字段創建表單。 使用
1. 將輸入值綁定到範圍。

   > client/app/main/main.htmlng-model句曲表單提交：

   in
> in
2. ，創建一個使用

   >將表單數據發送到 endpoint的函數 client/app/main/main.controller.js sendForm() $http.post /api/users Zapier Integration：

   1. >在Zapier中創建一個新的ZAP：，用MongoDB創建一個新的ZAP作為觸發應用程序，將Trello作為Action App。 >
   >配置觸發器：
   2. 將觸發器設置為“新文檔”，並指定您的MongoDB數據庫和“用戶”集合。 >
   配置操作：
   3. 將操作設置為“創建卡”中的“創建卡”。將MongoDB字段映射到適當的Trello卡字段（標題，描述等）。 使用描述中的標記進行格式化。

   

   >>>測試ZAP：
   >測試ZAP，以確保將新文檔添加到MongoDB集合中時正確創建Trello卡。 >>>>>
   4. 結論：
   這個集成的系統提供了一個簡化的工作流程：用戶通過表單提交數據，數據存儲在MongoDB中，Zapier自動創建相應的Trello卡，自動化任務管理。 請記住，用您的實際MongoDB憑據和Trello董事會信息替換代碼段中的佔位符值。

以上是獲取M.E.A.N.與Trello和Zapier的詳細內容。更多資訊請關注PHP中文網其他相關文章！