>웹 프론트엔드 >JS 튜토리얼 >MLAB 및 HEROKU를 사용하여 30 분 안에 자신의 REST API를 배포하십시오.

MLAB 및 HEROKU를 사용하여 30 분 안에 자신의 REST API를 배포하십시오.

Joseph Gordon-Levitt
Joseph Gordon-Levitt원래의
2025-02-18 12:52:18726검색
30 분 안에 자신의 REST API를 배포하십시오 : MLAB 및 HEROKU를 사용한 가이드

키 하이라이트 :

이 튜토리얼은 Heroku의 평균 스택 (mongodb, express.js, angularjs, node.js)을 사용하여 RESTFUL API를 구축하고 배포하는 것을 보여줍니다. 방법을 알아보십시오 : Deploy Your Own REST API in 30 Mins Using mLab and Heroku Heroku의 간소화 된

배포 프로세스를 사용하여 REST API를 신속하게 배포하십시오. mlab을 통해 프로비저닝 된 MongoDB 데이터베이스를 사용하여 응용 프로그램 데이터를 효율적으로 관리합니다. API 내에서 Core CRUD (생성, 읽기, 업데이트, 삭제) 작업을 구현하십시오. API와 완벽하게 상호 작용하기 위해 AngularJS를 사용하여 사용자 친화적 인 프론트 엔드를 개발하십시오. 개선 된 데이터 관리 및 사용자 경험을 위해 AngularJS 컨트롤러 및 서비스를 활용합니다.

(원래 Heroku Dev Center에 게시 됨) 평균 스택의 인기는 JavaScript 중심 접근 방식에서 비롯되며 클라이언트 및 서버 측면에서 일관된 코딩을 할 수 있습니다. JSON (JavaScript 객체 표기법) - MongoDB의 데이터 형식은 개발을 단순화합니다. 평균은 브라우저 기반 애플리케이션에서 탁월하지만 다양한 클라이언트 장치를 지원하는 데 중요한 편안한 API를 만드는 데 똑같이 효과적입니다. 이 튜토리얼은 API 생성에 중점을 둡니다. 프론트 엔드 통합을 설명하기 위해 AngularJS가 포함되어 있습니다 우리의 예는 간단한 연락처 관리 응용 프로그램입니다. 먼저 MongoDB 데이터베이스와 상호 작용하기 위해 REST API를 구축 한 다음 AngularJS 웹 응용 프로그램을 사용자 인터페이스로 만듭니다. 마지막으로, 전체 응용 프로그램을 Heroku에 배포하겠습니다. 단순화를 위해 인증 및 강력한 데이터 유효성 검사와 같은 기능이 생략됩니다.

전제 조건 :

Heroku 계정 (필요한 경우 Heroku의 node.js 배포에 익숙해 지십시오). Heroku Toolbelt가 설치되었습니다
    프로젝트 구조 :
  • 소스 코드 ( https://www.php.cn/link/ed80be7e22f987619AC49099673AD49F git push heroku master : Heroku 응용 프로그램의 메타 데이터 및 종속성 : Heroku App Manifest ( "Heroku에 배포"버튼에 필요). : 서버 측 코드 (node.js, express.js, mongodb 드라이버) 디렉토리 : 클라이언트 측 파일 (AngularJs Code)
  • 라이브 데모 : 여기에서 작업 예제를 봅니다. https://www.php.cn/link/4e79ea6638ba8bc06d414c9fc94760f7
  • 단계별 가이드 :
  • 새로운 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>
  • mlab에 대한 MongoDB 데이터베이스를 제공하십시오 :

    무료 MLAB 계정에 가입하십시오
    <code class="language-bash">$ npm install</code>
  • 새로운 MongoDB 데이터베이스를 만듭니다
  • MongoDB 연결 문자열을 얻습니다

    Heroku에서 config 변수를 설정하십시오 :
    • MongoDB와 App Server ()를 연결하십시오. 데이터베이스 연결 코드 (원본 기사에 자세히 설명).
    • RESTFUL API를 만듭니다 () :

      CRUD 작업에 대해 API 엔드 포인트 (,
    • ) 구현 (원본 기사에 자세히 설명).
    • Heroku에 배포 :

    • 웹 앱의 정적 파일 설정 : MONGODB_URI 디렉토리를 만들고 angularjs 코드를 추가하십시오 (원본 기사에 자세히 설명).

      <code class="language-bash">heroku config:set MONGODB_URI=mongodb://your-user:your-pass@host:port/db-name</code>
    • 웹 앱을 배포하십시오 :
  • 세부 AngularJS 구현 및 추가 배포 지침을 포함한 나머지 단계는 원본 기사에서 제공됩니다. 이 응축 버전은 높은 수준의 개요 및 키 코드 스 니펫을 제공합니다. 자리 표시기 값을 실제 Heroku 앱 이름, MLAB 자격 증명 등으로 바꾸는 것을 잊지 마십시오.

위 내용은 MLAB 및 HEROKU를 사용하여 30 분 안에 자신의 REST API를 배포하십시오.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.