İstemci - Sunucu İlişkisi Nasıl Kurulur?

istemci taraf​

function add_data(){
 var b = {
 _first_name:document.getElementById("first_name").value,
 _last_name:document.getElementById("last_name").value
 };
 fetch("http://localhost:8080/person",{
 method: 'POST',
 body: JSON.stringify(b),
 headers: {
 'Content-Type':'application/json; charset=UTF-8',
 }
 })
 .then(response=>response.json())
 }

sunucu taraf​

app.post('/', function (req, res) {
 res.sendFile( __dirname + "/main.html" );
})

01yildizmustafa dedi:

Web'i anlayamadım.
Web'de neyi anlayamadığımı da anlayamadım...

Genişletmek için tıkla...

jetboy_hrn1990 dedi:

Bende aynı şeyleri merak ediyorum PHP web socket server ilişkisini.

Genişletmek için tıkla...

Kxaan dedi:

Backend:

JavaScript:Panoya kopyala

const express = require('express')
const app = express()
const port = 8080.

app.get('/', (req, res) => {
 res.json({
 message: "Merhaba"
 })
})

app.listen(port, () => {
 console.log(`Port: ${port}`)
})

Frontend:

JavaScript:Panoya kopyala

fetch("http://localhost:8080").then(res => JSON.parse(res)).then(data => console.log(data);

İki tarafta çalışır vaziyette olduğunda fetch ile get, post, Update, delete requestleri atabilirsiniz. Main.html yerine JSON veri göndermeyi deneyebilirsiniz. Cors ve body-parser middlewarelerini inceleyin. NPM run dev, Node index.js gibi komutlarla çalıştırın ikisini de. Bir kurs izlemenizi öneririm.

Express middleware

expressjs.com

Genişletmek için tıkla...

01yildizmustafa dedi:

@Kxaan

Aslında sunucuyu ayağa kaldırdım. Yani çalışıyor.
Body-parser ==>inputlardaki verilere sunucu tarafında bununla ulaşabiliyorum.
Ayrıca URL'ye JSON adını girdiğimde JSON'ı görebiliyorum.
NPM, Node.index.js, nodemon, package. JSON, bağımlılıklar... vs. bunlardan haberdarım ve bunlarla işimi görebiliyorum.
Sonuç olarak "mevcut durumum bu."
Takıldığım nokta şu:
İstemci ile sunucu arasında illa bir JSON mı olması gerek?
Yani istemci ve sunucu ancak JSON üzerinde mi haberleşir? İşler böyle mi yürüyor?

Günün sonunda yapmak istediğim CRUD.

Belki, yukarıdaki sorularım alakasız.
Belki, web geliştirmede yanlış yere gelmiş olabilirim. İşlerin nasıl yürüdüğünü bilmiyorum.

Express middleware
İnceleyeceğim.

Genişletmek için tıkla...

01yildizmustafa dedi:

@Kxaan

Aslında sunucuyu ayağa kaldırdım. Yani çalışıyor.
Body-parser ==>inputlardaki verilere sunucu tarafında bununla ulaşabiliyorum.
Ayrıca URL'ye JSON adını girdiğimde JSON'ı görebiliyorum.
NPM, Node.index.js, nodemon, package. JSON, bağımlılıklar... vs. bunlardan haberdarım ve bunlarla işimi görebiliyorum.
Sonuç olarak "mevcut durumum bu."
Takıldığım nokta şu:
İstemci ile sunucu arasında illa bir JSON mı olması gerek?
Yani istemci ve sunucu ancak JSON üzerinde mi haberleşir? İşler böyle mi yürüyor?

Günün sonunda yapmak istediğim CRUD.

Belki, yukarıdaki sorularım alakasız.
Belki, web geliştirmede yanlış yere gelmiş olabilirim. İşlerin nasıl yürüdüğünü bilmiyorum.

Express middleware
İnceleyeceğim.

Genişletmek için tıkla...

Client -------[JSON content] -----> Server
                                      |
                                İşlem yapılır
                                      |
Client <------[JSON content] ---------+