首頁 > web前端 > js教程 > 使用MLAB和HEROKU在30分鐘內部署自己的REST API

使用MLAB和HEROKU在30分鐘內部署自己的REST API

Joseph Gordon-Levitt
發布: 2025-02-18 12:52:18
原創
704 人瀏覽過

>在30分鐘內部署自己的REST API:使用MLAB和HEROKU

的指南

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

鍵突出顯示:

該教程在Heroku上展示了使用平均堆棧(MongoDB,Express.js,AngularJS,Node.js)建立和部署RESTFUL API,MONGODB託管在MLAB上。 了解如何:

    >使用Heroku的簡化
  • 部署過程迅速部署REST API。 git push heroku master
  • >使用MLAB提供的MongoDB數據庫有效地管理應用程序數據。
  • 在您的API中實現Core Crud(創建,讀取,更新,刪除)操作。 >
  • >使用AngularJs開發一個用戶友好的前端,與您的API無縫交互。
  • >利用AngularJS控制器和服務來改善數據管理和用戶體驗。
  • (最初出版在Heroku Dev Center上)
平均堆棧的受歡迎程度源於其以JavaScript為中心的方法,可以在客戶端和服務器側進行一致的編碼。 與JSON(JavaScript對象符號)(MongoDB的數據格式)的協同作用簡化了開發。 儘管平均值在基於瀏覽器的應用程序中表現出色,但對於創建RESTFULE API同樣有效,對於支持多樣化的客戶設備至關重要。 該教程側重於API創建;包括Angularjs來說明前端集成。

我們的示例是一個簡單的聯繫人管理應用程序。我們首先構建REST API與MongoDB數據庫進行交互,然後將AngularJS Web應用程序作為用戶界面創建。 最後,我們將完整的應用程序部署到Heroku。 為簡單起見,省略了身份驗證和可靠的數據驗證等功能。 >

>先決條件:

> HEROKU帳戶(需要在需要時熟悉Heroku的Node.js部署)。 > 安裝了Heroku工具belt。

安裝了node.js。
  • 項目結構:
  • >源代碼(
https://www.php.cn/link/Ed80be7e222f987619876196199673Ad49f

:您的Heroku應用程序的元數據和依賴項。

:Heroku應用程序(“部署到Heroku”按鈕所必需的)。

    :服務器端代碼(node.js,express.js,mongodb驅動程序)。
  • package.json
  • 目錄:客戶端文件(AngularJS代碼)。
  • > app.json
  • 實時演示: server.js
  • 在此處查看一個工作示例:
  • https://www.php.cn/link/4e79ea6638ba8ba8ba8bba8bc06d41414c9fc94760f7/public
逐步指南:

>

創建一個新的Heroku應用程序:>

  • 創建package.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"
      }
    }
    登入後複製
  • 安裝依賴項:

    $ npm install
    登入後複製
  • MLAB上的MongoDB數據庫:
  • >

    • 註冊免費的MLAB帳戶。

    • 創建一個新的MongoDB數據庫。

    • 獲取MongoDB連接字符串。

    • 在Heroku上設置

      config config config變量:MONGODB_URI

      heroku config:set MONGODB_URI=mongodb://your-user:your-pass@host:port/db-name
      登入後複製
  • 連接mongodb和應用程序服務器():server.js使用數據庫連接代碼(原始文章中詳細介紹)。 server.js

  • 創建RESTFUL API(
  • ):

    >用於CRUD操作(原始文章中詳細介紹)。 server.js /contacts>部署到Heroku:/contacts/:id

  • >>為Web應用程序設置靜態文件:

    創建
    $ git add .
    $ git commit -m "Initial commit"
    $ git push heroku master
    $ heroku ps:scale web=1
    登入後複製
    目錄並添加AngularJS代碼(在原始文章中詳細介紹)。
  • >部署Web應用程序:> /public

  • 原始文章中提供了>

    以上是使用MLAB和HEROKU在30分鐘內部署自己的REST API的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板