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

>在30分鐘內部署自己的REST API：使用MLAB和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應用程序：>

<code class="language-bash">$ git init
$ heroku create</code>

創建package.json：創建此文件並添加以下內容：>

<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>

安裝依賴項：

<code class="language-bash">$ npm install</code>

MLAB上的MongoDB數據庫：

>

• 註冊免費的MLAB帳戶。

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

• 獲取MongoDB連接字符串。

• 在Heroku上設置

  config config config變量：MONGODB_URI

  <code class="language-bash">heroku config:set MONGODB_URI=mongodb://your-user:your-pass@host:port/db-name</code>

連接mongodb和應用程序服務器（）：server.js使用數據庫連接代碼（原始文章中詳細介紹）。 server.js

創建RESTFUL API（

）：

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

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

創建

<code class="language-bash">$ git add .
$ git commit -m "Initial commit"
$ git push heroku master
$ heroku ps:scale web=1</code>

目錄並添加AngularJS代碼（在原始文章中詳細介紹）。

>部署Web應用程序：> /public

原始文章中提供了>

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