Rumah >hujung hadapan web >tutorial js >Menyebarkan API REST anda sendiri dalam 30 minit menggunakan MLAB dan Heroku

Menyebarkan API REST anda sendiri dalam 30 minit menggunakan MLAB dan Heroku

Joseph Gordon-Levitt
Joseph Gordon-Levittasal
2025-02-18 12:52:18726semak imbas

menggunakan API REST anda sendiri dalam 30 minit: Panduan Menggunakan Mlab dan Heroku

Deploy Your Own REST API in 30 Mins Using mLab and Heroku

sorotan utama:

Tutorial ini menunjukkan bangunan dan menggunakan API yang tenang menggunakan stack min (MongoDB, Express.js, AngularJS, Node.js) di Heroku, dengan MongoDB dihoskan di MLAB. Ketahui cara:

    menggunakan API REST dengan cepat menggunakan proses penyebaran Heroku yang diselaraskan
  • . git push heroku master
  • Menguruskan data aplikasi dengan cekap dengan pangkalan data MongoDB yang disediakan melalui MLAB.
  • Melaksanakan operasi Core CRUD (Buat, Baca, Kemas kini, Padam) dalam API anda.
  • Membangunkan front-end mesra pengguna menggunakan AngularJS untuk berinteraksi dengan lancar dengan API anda.
  • Leverage angularjs pengawal dan perkhidmatan untuk pengurusan data yang lebih baik dan pengalaman pengguna.

(asalnya diterbitkan di Heroku Dev Centre)

Populariti Mean Stack berpunca dari pendekatan JavaScript-centricnya, yang membolehkan pengekodan konsisten merentasi sisi klien dan pelayan. Sinergi ini dengan JSON (JavaScript Object Notation) - Format data MongoDB - memudahkan pembangunan. Walaupun Mean Excels dalam aplikasi berasaskan pelayar, ia sama berkesan untuk mewujudkan API yang tenang, penting untuk menyokong pelbagai peranti klien. Tutorial ini memberi tumpuan kepada penciptaan API; AngularJS dimasukkan untuk menggambarkan integrasi front-end.

Contoh kami adalah aplikasi pengurusan hubungan mudah. Kami akan mula membina API REST untuk berinteraksi dengan pangkalan data MongoDB, kemudian buat aplikasi web AngularJS sebagai antara muka pengguna. Akhirnya, kami akan menggunakan aplikasi lengkap ke Heroku. Untuk kesederhanaan, ciri -ciri seperti pengesahan dan pengesahan data yang mantap ditinggalkan.

Prasyarat:

    Akaun Heroku (membiasakan diri dengan penempatan Node.js Heroku jika diperlukan).
  • heroku toolbelt dipasang.
  • node.js dipasang.

Struktur Projek:

kod sumber () : metadata dan kebergantungan untuk aplikasi Heroku anda.
  • package.json: Heroku App Manifest (diperlukan untuk butang "Deploy to Heroku").
  • app.json: kod sisi pelayan (node.js, express.js, mongoDB driver).
  • Direktori
  • server.js: fail sisi klien (kod angularjs).
  • /public
  • Live Demo:

Lihat contoh kerja di sini: https://www.php.cn/link/4e79ea6638ba8bc06d414c9fc94760f7

Panduan langkah demi langkah:

    Buat aplikasi Heroku baru:
  1. <code class="language-bash">$ git init
    $ heroku create</code>
  2. 3

    package.json

    Pasang dependencies:
    <code class="language-json">{
      "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"
      }
    }</code>
  3. menyediakan pangkalan data MongoDB di MLAB:
    <code class="language-bash">$ npm install</code>
  4. Daftar untuk akaun MLAB percuma.

    • Buat pangkalan data MongoDB baru.

    • Dapatkan rentetan sambungan MongoDB.

    • Tetapkan pemboleh ubah konfigurasi

      pada Heroku:

    • MONGODB_URI

      <code class="language-bash">heroku config:set MONGODB_URI=mongodb://your-user:your-pass@host:port/db-name</code>
    • Sambungkan MongoDB dan pelayan aplikasi (
    ):
  5. Buat
  6. dengan kod sambungan pangkalan data (terperinci dalam artikel asal).

    server.js server.js Buat API RESTFUL ():

    Melaksanakan titik akhir API (
  7. ,
  8. ) untuk operasi CRUD (terperinci dalam artikel asal).

    server.js /contacts Depploy ke Heroku: /contacts/:id

  9. Sediakan fail statik untuk aplikasi web:

    Buat direktori
    <code class="language-bash">$ git add .
    $ git commit -m "Initial commit"
    $ git push heroku master
    $ heroku ps:scale web=1</code>
    dan tambahkan kod AngularJS (terperinci dalam artikel asal).
  10. Menyebarkan aplikasi web: /public

  11. Langkah -langkah yang selebihnya, termasuk pelaksanaan AngularJS terperinci dan arahan penempatan selanjutnya, boleh didapati dalam artikel asal. Versi pekat ini menyediakan gambaran keseluruhan peringkat tinggi dan coretan kod utama. Ingatlah untuk menggantikan nilai tempat letak dengan nama aplikasi Heroku sebenar anda, kelayakan MLAB, dan lain -lain

Atas ialah kandungan terperinci Menyebarkan API REST anda sendiri dalam 30 minit menggunakan MLAB dan Heroku. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn