Angular'da JSON server kurulumu
1) npm install -g json-server terminalde yazıyoruz.
2) Global paketleri listelemek için npm list -g --depth 0 yazarak listeliyebiliriz
+-- @angular/cli@15.2.0
`-- json-server@0.17.2
listede json server görünce biz artık fake bir rest api oluşturabiliriz.
3) projemiz içerisinde bir yere db.json adında bir dosya oluşturabiliriz.
dosyanı içerisine
{
"movies": [
{"id":1,"title":"film 1",
"description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, debitis dignissimos enim exercitationem incidunt ipsum laborum, natus omnis possimus quae, quas quia rem sapiente similique sint veritatis vero voluptate voluptatibus?",
"imageUrl":"1.jpeg","isPopuler":true,"categoryId":1},
{"id":2,"title":"film 2",
"description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, debitis dignissimos enim exercitationem incidunt ipsum laborum, natus omnis possimus quae, quas quia rem sapiente similique sint veritatis vero voluptate voluptatibus?",
"imageUrl":"2.jpeg","isPopuler":true,"categoryId":2},
{"id":3,"title":"film 3",
"description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, debitis dignissimos enim exercitationem incidunt ipsum laborum, natus omnis possimus quae, quas quia rem sapiente similique sint veritatis vero voluptate voluptatibus?",
"imageUrl":"3.jpeg","isPopuler":true,"categoryId":2},
{"id":4,"title":"film 4",
"description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, debitis dignissimos enim exercitationem incidunt ipsum laborum, natus omnis possimus quae, quas quia rem sapiente similique sint veritatis vero voluptate voluptatibus?",
"imageUrl":"1.jpeg","isPopuler":true,"categoryId":1},
{"id":5,"title":"film 5",
"description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, debitis dignissimos enim exercitationem incidunt ipsum laborum, natus omnis possimus quae, quas quia rem sapiente similique sint veritatis vero voluptate voluptatibus?",
"imageUrl":"5.jpeg","isPopuler":true,"categoryId":3}
],
"categories": [
{"id": 1,"title": "macera"},
{"id": 2,"title": "romantik"},
{"id": 3,"title": "komedi"},
{"id": 4,"title": "dram"},
{"id": 5,"title": "savaş"}
]
}
movies ve categories olmak üzere iki adet json veri tipinde, verileri ekleyelim.
4) server başlatmak için aşağıdaki kodu terminalde yazıp enter a basalım
json-server --watch db.json
Resources
http://localhost:3000/movies
http://localhost:3000/categories
rest api miz oluştu. uygulamamız tarafında bunu kullanabiliriz.
Angular'da JSON server kurulumu
