VS Kodunun İçinden REST API Çağrıları Nasıl Yapılır?

Geliştirme sırasında, API'lere istekte bulunmanız yaygın bir durumdur. Bu, bazı harici API'lere veya kendi arka uç sunucunuzun API'sine olabilir.

API çağrılarınızı gerçekleştirmek için Postman gibi üçüncü taraf araçları kullanabilirsiniz. Ancak bir VS Code uzantısı, doğrudan VS Code içinden API çağrıları yapmanızı sağlar. Burada, VS Kodunda API isteklerinin nasıl gerçekleştirileceğini öğreneceksiniz.

VS Code REST İstemci Uzantısı

VS Code'daki bir uzantı, Visual Studio Code düzenleyicisinin işlevlerini geliştiren bir eklenti veya eklentidir. VS Code uzantıları pazarı, programlama görevlerinizde size yardımcı olabilecek çeşitli uzantı türleri sağlar. Dil desteği eklemek için bir uzantı var. Belirli bir programlama dili vb. için otomatik tamamlamayı sağlamak için bir tane vardır. Uzantılar, VS Code ile programlamayı kolaylaştırır.

REST İstemci uzantısı, API isteklerini VS Code içinden yürütmenize olanak tanır. Uzantı, API uç noktalarını sorgulamanıza izin veren görsel bir arabirim olan REST API düzenleyicisini içerir. Özel başlıkları, sorgu parametrelerini ve diğer bazı parametreleri kabul eder.

yüklemek için REST İstemcisi, VS Code'u açın ve tıklayın Uzantılar sekme. Aramak REST İstemcisi ve tıklayın Düzenlemek VS Koduna eklemek için düğmesine basın.

Altında Detaylar sekmesinde, API istekleri yapmak için istemciyi nasıl kullanacağınıza ilişkin faydalı bir eğitim bulacaksınız. Dört yaygın istek türünü ve bunların REST İstemci uzantısını kullanarak nasıl yapıldığını görelim.

kullanıyor olacağız JSONYer Tutucu REST İstemci uzantısını kullanarak API çağrıları yapmayı göstermek için. API istekleri yaparak okuyabileceğiniz, düzenleyebileceğiniz, güncelleyebileceğiniz veya silebileceğiniz altı ortak kaynak sağlar.

REST İstemci Uzantısını Kullanarak GET İsteği Oluşturma

oluşturarak başlayın .http API istekleriniz için dosya. dosyaya isim verebilirsiniz isteklerim.http.

Aşağıdaki kodu kendinize ekleyin isteklerim.http kimliği olarak 1 olan JSONPlaceholder API'sinden bir kaynak almak için dosya:

ELDE ETMEK https://jsonplaceholder.typicode.com/posts/1 HTTP/1.1

İsteği göndermek için tıklayın İstek gönder dosyanın üstünde görünen düğme. Yanıt ayrıntılarını içeren yeni bir pencere açılacaktır.

VS Code içinde bir GET isteğini bu şekilde yaparsınız.

REST İstemci Uzantısını Kullanarak POST İsteği Oluşturma

Genellikle yeni bir kaynak oluşturmak için sunucuya veri göndermek istediğinizde bir POST isteği yaparsınız.

JSONPlaceholder API'sinde yeni bir kaynak oluşturmak için, isteklerim.http aşağıdakilerle dosya:

POSTALAMAK https://jsonplaceholder.typicode.com/posts HTTP/1.1
İçerik Türü: "uygulama/json"
{
 "başlık": "foo",
 "gövde": "çubuk",
 "kullanıcı kimliği": 1
}

Tıkla İstek gönder isteği göndermek için düğmesine basın. Yine, bu, yanıt verilerini içeren yeni bir pencere açacaktır. Yanıt bir gösterir HTTP/1.1 201 Oluşturuldu API çağrısı başarılı olursa, diğer verilerle birlikte gönderinin kimliği ve mesajı.

{
 "id": "101"
}

REST İstemci Uzantısını Kullanarak PUT İsteği Yapma

Sunucudaki verileri güncellemek istediğinizde bir PUT isteği yaparsınız.

JSONPlaceholder API'deki mevcut bir kaynağı güncellemek için, isteklerim.http aşağıdakilerle dosya:

KOYMAK https://jsonplaceholder.typicode.com/posts/1 HTTP/1.1
İçerik Türü: "uygulama/json"
{
 "title": "yeni foo",
 "body": "yeni çubuk",
 "kullanıcı kimliği": 1
}

İsteği gönderdikten sonra, kaynak sahte sunucuda güncellenecek ve bir HTTP/1.1 200 Tamam İleti.

REST İstemci Uzantısını Kullanarak PATCH İsteği Oluşturma

Sunucudaki belirli bir kaynağın belirli bir alanını veya özelliğini değiştirmek istediğinizde PATCH isteğinde bulunursunuz.

Sahte sunucudaki mevcut bir kaynağın yalnızca başlığını güncellemek için, kodunuzdaki kodu değiştirin. isteklerim.http aşağıdakilerle dosya:

https://jsonplaceholder.typicode.com/posts/1 HTTP/1.1 
İçerik Türü: "uygulama/json"
{
 "title": "başka bir foo"
}

Siz istekte bulunduktan sonra, kaynak başlığı sahte sunucuda güncellenecek ve bir HTTP/1.1 200 Tamam kaynağın diğer verileriyle birlikte mesaj.

REST İstemci Uzantısını Kullanarak Silme İsteği Oluşturma

Sunucudaki bir kaynağı silmek istediğinizde DELETE isteği yaparsınız.

Sahte sunucudaki mevcut bir kaynağı silmek için, isteklerim.http aşağıdakilerle dosya:

SİLMEK https://jsonplaceholder.typicode.com/posts/1 HTTP/1.1

Burada, İçerik türü gerekli değildir ve veri nesnesi de değildir. İsteği gönderir ve kaynağı başarıyla silerseniz, bir HTTP/1.1 200 Tamam boş bir nesne ile yanıt.

Doğrudan VS Kodunun İçinden API Çağrıları Yapın

Daha önce, aşağıdakiler gibi üçüncü taraf araçları kullanmış olabilirsiniz: API istekleri yapmak için postacı. Bu araçlar işi iyi yapsa da kurulumları zaman alır. Örneğin, API gezginini kullanmak için Postman'da bir hesabınızın olması gerekir.

olmasına rağmen birkaç çevrimiçi API test aracı, ancak REST İstemcisi gibi uzantılarla API'leri test etmek çok daha hızlı ve kolaydır. Herhangi bir API'yi doğrudan VS Code düzenleyicinizin içinden test edebilirsiniz. Bu, özellikle API'leri yerel olarak geliştiriyorsanız ve yerel API'lerinizi anında test etmek istiyorsanız kullanışlıdır.

Diğer API Testi ve Kod Uzantıları

Rest Client'ın kullanımı kolaydır. Ancak, API'leri test etmek için tek VS Code uzantısı değildir. Diğer popüler seçenekler Thunder Client, httpYak ve httpBook'tur.

Thunder Client, API isteklerini basitleştirmek için görsel bir API düzenleyici sağlar. Elbette bu araçları kullanmak için REST API'nin ne olduğunu bilmeniz gerekiyor.