İngilizce çalıştığım bir gün "çeviri oyunu yapsam nasıl olur acaba" düşüncesiyle ortaya çıkmış, Socket.io kullanımı konusunda tecrübe edinmek için geliştirdiğim basit bir oyun.
Kurulum için öncelikle bir HTTP sunucusuna ihtiyaç duyacağız. Ben test etmek için Visual Code eklentisi olan LiveServer kullanacağım. LiveServer eklentisi bize HTTP sunucusu sağlıyor fakat normalde VSCode'un açıldığı klasörü root olarak belirliyor. HTTP sunucusunun root yolunu site dosyalarımızın bulunduğu /html olarak değiştirmek için .vscode klasöründeki settings.json dosyasının içerisinde aşağıdaki tanımlamayı yaptım.
{ "liveServer.settings.root": "/html" }
HTTP sunucusu olarak Nginx kullanmak isterseniz /nginx klasöründeki config dosyasına kendinize göre düzenleyebilirsiniz.
Oyuncu verilerinin anlık olarak birbirleriyle iletişime geçebilmesi için Socket.io kullanarak geliştirdiğim sunucuyu çalıştırmamız gerekiyor. İlk önce server klasörünün içerisinde npm install veya yarn (şiddetle yarn tavsiye edilir) komutlarından birini çalıştırmalıyız. Bu komut, gerekli node.js paketlerinin kurulumunu gerçekleştirecek. Sunucuyu başlatmadan önce host ve port ayarlarını değiştirmek isterseniz /server/app.js dosyasının 10. satırını güncelleyebilirsiniz.
const [Host, Port] = ["localhost", 3001];
Sunucuyu başlatmak için node app.js komutunu çalıştırıyoruz.
/html/js/socket.js dosyasındaki Socket objesinin _socket_address ve _socket_port değişkenlerini sunucu bilgilerimize göre güncelliyoruz.
const Socket = { _socket_address: "localhost", _socket_port: 3001, }
