Bằng cách sử dụng JSON Server chúng ta có thể tạo ra một REST API giúp cho các lập trình viên Front-end có thể hoàn thiện những chức năng mà không cần phải chờ đến lúc Back-end được cài đặt đầy đủ.

Tuy nhiên REST API sau khi được tạo ra chỉ có thể hoạt động ở máy tính của từng lập trình viên riêng biệt, để có thể chia sẻ một REST API được tạo ra bằng JSON Server chúng ta sẽ phải triển khai lên một máy chủ. Bài viết này sẽ hướng dẫn cách deploy REST API với JSON Server lên Heroku.

Heroku là gì?

Heroku là nền tảng đám mây cho phép các lập trình viên xây dựng, triển khai, quản lý và mở rộng ứng dụng (PaaS – Platform as a service). Nó rất linh hoạt và dễ sử dụng, cung cấp cách thức đơn giản nhất để đưa sản phẩm tiếp cận người dùng. Nó giúp các nhà phát triển tập trung vào phát triển sản phẩm mà không cần quan tâm đến việc vận hành máy chủ hay phần cứng…

Chúng ta có thể dùng Heroku miễn phí cùng với vô vàn các addons hỗ trợ cực kỳ hữu ích, đây được coi là một trong những dịch vụ hấp dẫn. Hỗ trợ nhiều ngôn ngữ lập trình như:

  • NodeJS
  • Ruby
  • Python
  • PHP
  • Java
  • Scala
  • Clojure
  • Go
  • Kotlin

Các bước tiến hành deploy REST API với JSON Server lên Heroku

1 – Tạo một database

Clone repo sau về máy tính của bạn:

Sau đó thay db.json thành file json của bạn

2 – Tạo một tài khoản https://heroku.com

3 – Cài đặt Heroku CLI vào máy tính của bạn https://devcenter.heroku.com/articles/heroku-cli

4 – Mở Terminal và gõ lệnh sau để kết nối Heroku CLI đến tài khoản của bạn đã tạo ra ở bước 2.

5 – Tạo một remote Heroku project, tương tự như tạo một git trên GitHub và đặt tên cho projec của bạn chẳng hạn như cgh-db

6 – Push toàn bộ thư mục chứa file json lên Heroku

7 – Truy cập ứng dụng vừa được tạo bằng cách mở qua Heroku như sau:

8 – Nếu có lỗi xảy ra, ta có thể kiểm tra bằng cách sử dụng

JSON Server sẽ được cài đặt như thế nào?

Trong file package.json được đặt cùng thư mục với file db.json, Heroku sẽ tìm đến dòng lệnh sau để mở file server.js

Nội dung của file server.js như sau:

Chúc các bạn sẽ triển khai thành công JSON Server lên Heroku, các bạn có thể xem thêm ở liên kết sau https://elements.heroku.com/buttons/eecs130/json-server-heroku.

Author: Nguyễn Hữu Anh Khoa

Xem thêm các bài viết chia sẻ, hướng dẫn tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.