获取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中文网其他相关文章！