Stellen Sie Ihre eigene REST -API in 30 Minuten mit MLAB und Heroku ein

Stellen Sie Ihre eigene REST -API in 30 Minuten ein: eine Anleitung mit MLAB und Heroku

Schlüsselhighlights:

Dieses Tutorial zeigt, dass das Aufbau und die Bereitstellung einer erholsamen API mit dem mittleren Stack (MongoDB, Express.js, AngularJS, Node.js) auf Heroku mit MongoDB auf MLAB veranstaltet wird. Erfahren Sie, wie man:

• Bereiten Sie eine REST -API schnell mithilfe von Herokus Stroplined git push heroku master Bereitstellungsprozess ein.
• Anwendungsdaten effizient mit einer über MLAB bereitgestellten MongoDB -Datenbank verwalten.
• implementieren Sie Core CRUD (erstellen, lesen, aktualisieren, löschen) Vorgänge in Ihrer API.
• Entwickeln Sie ein benutzerfreundliches Front-End mit AngularJs, um mit Ihrer API nahtlos zu interagieren.
• Nutzen Sie AngularJS -Controller und -Dienste für eine verbesserte Datenverwaltung und Benutzererfahrung.

(ursprünglich im Heroku Dev Center veröffentlicht)

Die Popularität des mittleren Stacks ergibt sich aus seinem von JavaScript-zentrierten Ansatz und ermöglicht eine konsistente Codierung über Client- und Serverseiten. Diese Synergie mit JSON (JavaScript -Objektnotation) - das Datenformat von MongoDB - vereinfacht die Entwicklung. Während der Mittelwert in browserbasiertem Anwendungen besteht, ist es gleichermaßen effektiv, um erholsame APIs zu erstellen, was für die Unterstützung verschiedener Client-Geräte von entscheidender Bedeutung ist. Dieses Tutorial konzentriert sich auf die Erstellung der API; AngularJS ist enthalten, um die Front-End-Integration zu veranschaulichen.

Unser Beispiel ist eine einfache Anwendung zur Kontaktverwaltung. Wir werden zuerst die REST -API so erstellen, dass sie mit der MongoDB -Datenbank interagieren und dann eine AngularJS -Webanwendung als Benutzeroberfläche erstellen. Schließlich werden wir die vollständige Bewerbung für Heroku bereitstellen. Einfachheit halber werden Funktionen wie Authentifizierung und robuste Datenvalidierung weggelassen.

Voraussetzungen:

• Ein Heroku -Konto (melden Sie sich bei Bedarf mit Herokus Node.js -Bereitstellung).
• Heroku -Symbollbelt installiert.
• node.js installiert.

Projektstruktur:

Der Quellcode ( https://www.php.cn/link/ED80BE7E22F987619AC49099673AD49F ) beinhaltet:

• package.json: Metadaten und Abhängigkeiten für Ihre Heroku -Anwendung.
• app.json: Heroku App Manifest (erforderlich für die Schaltfläche "In Heroku einsetzen").
• server.js: serverseitiger Code (Node.js, Express.js, MongoDB-Treiber).
• /public Verzeichnis: clientseitige Dateien (AngularJS-Code).

Live -Demo:

Ein funktionierendes Beispiel hier anzeigen: https://www.php.cn/link/4e79ea6638ba8bc06d414c9fc94760f7

Schritt-für-Schritt-Anleitung:

1. Erstellen Sie eine neue Heroku -App:

   $ git init
   $ heroku create

2. erstellen package.json: Erstellen Sie diese Datei und fügen Sie Folgendes hinzu:

   {
     "name": "MEAN",
     "version": "1.0.0",
     "description": "A MEAN app for managing contact lists",
     "main": "server.js",
     "scripts": {
       "start": "node server.js"
     },
     "dependencies": {
       "body-parser": "^1.13.3",
       "express": "^4.13.3",
       "mongodb": "^2.1.6"
     }
   }

3. Abhängigkeiten installieren:

   $ npm install

4. Bereitstellung einer MongoDB -Datenbank auf MLAB:

   • Melden Sie sich für ein kostenloses MLAB -Konto an.

   • Erstellen Sie eine neue MongoDB -Datenbank.

   • Erhalten Sie die MongoDB -Verbindungszeichenfolge.

   • Stellen Sie die MONGODB_URI Konfigurationsvariable auf Heroku fest:

     heroku config:set MONGODB_URI=mongodb://your-user:your-pass@host:port/db-name

5. Verbinden Sie MongoDB und den App -Server (server.js): erstellen server.js mit dem Datenbankverbindungscode (im Originalartikel beschrieben).

6. Erstellen Sie die erholsame API (server.js): Implementieren Sie die API -Endpunkte (/contacts, /contacts/:id) für CRUD -Operationen (im Originalartikel beschrieben).

7. Einsatz in Heroku:

   $ git add .
   $ git commit -m "Initial commit"
   $ git push heroku master
   $ heroku ps:scale web=1

8. Setzen Sie statische Dateien für die Web -App ein: Erstellen Sie das Verzeichnis /public und fügen Sie den AngularJS -Code hinzu (detailliert im ursprünglichen Artikel).

9. Stellen Sie die Web -App bereit:

   $ git add public
   $ git commit -m "Add AngularJS frontend"
   $ git push heroku master
   $ heroku open

Die verbleibenden Schritte, einschließlich einer detaillierten AngularJS -Implementierung und weiteren Bereitstellungsanweisungen, sind im ursprünglichen Artikel verfügbar. Diese kondensierte Version bietet einen Überblick über hochrangige und wichtige Code-Snippets. Denken Sie daran, Platzhalterwerte durch Ihren tatsächlichen Heroku -App -Namen, MLAB -Anmeldeinformationen usw. zu ersetzen.

Das obige ist der detaillierte Inhalt vonStellen Sie Ihre eigene REST -API in 30 Minuten mit MLAB und Heroku ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!