MLABとHerokuを使用して、30分で独自のREST APIを展開します

30分以内に独自のREST APIを展開する：MLABとHerokuを使用したガイド

キーハイライト：

このチュートリアルでは、Herokuの平均スタック（Mongodb、Express.js、Angularjs、node.js）を使用して、MONGODBをMLABでホストして、RESTFUL APIの構築と展開を示しています。 方法を学びましょう：

Herokuの合理化された
• 展開プロセスを使用して、REST APIを迅速に展開します。 MLABを介してプロビジョニングされたMONGODBデータベースを使用して、アプリケーションデータを効率的に管理します。 git push heroku masterAPI内にCore Crud（作成、読み取り、更新、削除）操作を実装してください。
Angularjsを使用してユーザーフレンドリーなフロントエンドを開発して、APIとシームレスに対話します。
• データ管理とユーザーエクスペリエンスを改善するためのAngularJSコントローラーとサービスを活用してください。
• （元々はHeroku Dev Centerで公開されていました）
• 平均スタックの人気は、JavaScript中心のアプローチに由来し、クライアント側とサーバー側全体で一貫したコーディングを可能にします。 JSONとのこの相乗効果（JavaScriptオブジェクト表記） - MongoDBのデータ形式 - は、開発を簡素化します。 平均はブラウザベースのアプリケーションで優れていますが、多様なクライアントデバイスをサポートするために不可欠なRESTFUL APIの作成に等しく効果的です。 このチュートリアルは、APIの作成に焦点を当てています。 AngularJSは、フロントエンドの統合を説明するために含まれています
私たちの例は、単純な連絡先管理アプリケーションです。まず、MongoDBデータベースと対話するためにREST APIを構築し、次にユーザーインターフェイスとしてAngularJS Webアプリケーションを作成します。 最後に、完全なアプリケーションをHerokuに展開します。 簡単にするために、認証や堅牢なデータ検証などの機能は省略されています。

前提条件：

Herokuアカウント（必要に応じてHerokuのnode.js展開に慣れてください）。

Heroku Toolbeltがインストールされています

node.jsインストール。

プロジェクト構造：

ソースコード（）を含む：
• ：Herokuアプリケーションのメタデータと依存関係。

：Herokuアプリマニフェスト（「Herokuへの展開」ボタンに必要です）。 ：サーバー側のコード（node.js、express.js、mongodbドライバー）

ディレクトリ：クライアント側ファイル（AngularJSコード）

ライブデモ：

• ここで作業例を見る：package.jsonhttps://www.php.cn/link/4e79ea6638ba8bc06d414c9fc94760f7
• app.json
ステップバイステップガイド：
• server.js
• /public
新しいHerokuアプリを作成します：

$ git init
$ heroku create

createpackage.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変数を設定します MONGODB_URI

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

MongodbとApp Server（）：

データベース接続コード（元の記事で詳細）を作成します。 server.js server.jsRESTFUL API（

）：

CRUD操作のAPIエンドポイント（

、

）を実装します（元の記事で詳細）。 server.js /contactsherokuへの展開：/contacts/:id

Webアプリの静的ファイルをセットアップします：

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

ディレクトリを作成し、AngularJSコード（元の記事で詳細）を追加します。

Webアプリを展開する：/public

詳細なAngularJSの実装やさらなる展開手順を含む残りの手順は、元の記事で入手できます。 このコンデンスバージョンは、高レベルの概要とキーコードスニペットを提供します。プレースホルダーの値を実際のHerokuアプリ名、MLAB資格情報などに置き換えることを忘れないでください

以上がMLABとHerokuを使用して、30分で独自のREST APIを展開しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。