Mendapatkan M.E.A.N. Dengan Trello dan Zapier

Tutorial ini menunjukkan cara mengintegrasikan Trello dan Zapier untuk membuat aliran kerja yang kuat, mengautomasikan penciptaan kad Trello apabila menambah data pengguna baru ke pangkalan data MongoDB. Kami akan membina ini menggunakan M.E.A.N. Tumpukan dan penjana yeoman generator-angular-fullstack.

Konsep Utama:

• Trello untuk Pengurusan Tugas: Trello cemerlang di organisasi tugas, menawarkan ciri -ciri seperti sokongan markdown dan pintasan.
• zapier untuk automasi: Zapier menghubungkan aplikasi, mengautomasikan aliran kerja di antara mereka.
• penyimpanan data MongoDB: Kami menggunakan MongoDB untuk menyimpan data pengguna, mencetuskan tindakan dalam aplikasi lain.
• M.E.A.N. Pembangunan Stack: Aplikasi ini menggunakan mongodb, ekspres.js, angularjs, dan node.js.
• penjana yeoman: generator-angular-fullstack memudahkan penciptaan aplikasi.

Menyediakan persekitaran:

1. Pasang penjana: Gunakan npm install -g generator-angular-fullstack untuk memasang penjana yeoman.
2. Buat aplikasi: run yo angular-fullstack dan konfigurasikannya untuk memasukkan mongoose untuk pemodelan data.
Persediaan MongoDB:
3. Buat pangkalan data MongoDB (mis., Menggunakan MongoHQ atau perkhidmatan yang sama) dan akaun pengguna untuknya. Perhatikan sambungan URI, nama pengguna, dan kata laluan.

Perkembangan sisi pelayan:

Konfigurasikan sambungan mongoDB:

kemas kini
1. dengan sambungan MongoDB anda URI: 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>

Buat titik akhir pengguna:

Menjana titik akhir pengguna menggunakan
2. . Ubah suai skema untuk memasukkan medan yang diperlukan (, yo angular-fullstack:endpoint user, server/api/user/user.model.js, name, email). location reason message

Pembangunan sisi klien:

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

Buat borang:
1. Ubah suai fail

   untuk membuat borang dengan medan input untuk setiap medan dalam skema MongoDB. Gunakan untuk mengikat nilai input ke skop. client/app/main/main.html ng-model

mengendalikan penyerahan borang:
2. dalam

   , buat fungsi yang menggunakan untuk menghantar data borang ke endpoint client/app/main/main.controller.js. sendForm() $http.post /api/users

integrasi zapier:

<code class="language-javascript">angular.module('yoTrelloApp')
    .controller('MainCtrl', function($scope, $http) {
        $scope.sendForm = function() {
            // ... (form data handling as before) ...
        };
    });</code>

1. Buat zap baru: Di Zapier, buat zap baru dengan MongoDB sebagai aplikasi pencetus dan Trello sebagai aplikasi tindakan.
2. Konfigurasikan pencetus: Tetapkan pencetus kepada "dokumen baru" dan tentukan pangkalan data MongoDB anda dan koleksi "Pengguna".
3. Konfigurasikan tindakan: Tetapkan tindakan untuk "membuat kad" di Trello. Peta medan MongoDB ke medan kad Trello yang sesuai (tajuk, keterangan, dan lain -lain). Gunakan markdown dalam keterangan untuk pemformatan.

4. Uji zap: Uji zap untuk memastikan ia mencipta kad Trello dengan betul apabila dokumen baru ditambahkan ke koleksi MongoDB.

Kesimpulan:

Sistem bersepadu ini menyediakan aliran kerja yang diselaraskan: Pengguna menyerahkan data melalui borang, data disimpan di MongoDB, dan Zapier secara automatik mencipta kad Trello yang sama, mengautomasikan pengurusan tugas. Ingatlah untuk menggantikan nilai tempat letak dalam coretan kod dengan kelayakan MongoDB sebenar anda dan maklumat papan Trello.

Atas ialah kandungan terperinci Mendapatkan M.E.A.N. Dengan Trello dan Zapier. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!