logo
  • Proces
  • Case studies
  • Blog
  • O nas
Napisz do nas
  1. Strona główna

  2. /

    Blog

  3. /

    Socket.io

Socket.io

minuta czytania

Kamil Nahotko

Socket.io to biblioteka JavaScript, która umożliwia tworzenie aplikacji z natychmiastowymi połączeniami zwrotnymi między przeglądarką a serwerem. Jest to narzędzie, które pozwala na tworzenie dynamicznych aplikacji sieciowych, takich jak czaty, gry, aplikacje do wyświetlania danych w czasie rzeczywistym.

Spis treści

Czym jest Socket.IO?

Możliwości Socket.IO

Użycie Socket.IO w praktyce

Socket.io

Ostatnie oferty pracy

CTO - React/Next.js and Python/Node

B2B:

15000 - 25000 PLN netto +VAT

FullStack Developer ( Node.js + Vue.js/React.js)

UOP:

8000 - 14000 PLN brutto

B2B:

13000 - 20000 PLN netto +VAT

Pokaż wszystkie oferty

Kiedy chcemy zbudować taką aplikację jak komunikator tekstowy, potrzebujemy narzędzia, które obsłuży komunikację z serwerem w czasie rzeczywistym. W tym artykule opiszę właśnie narzędzie, które pomoże nam w tym celu.

Socket.io

Czym jest Socket.IO?

Socket.IO został stworzony w 2010 roku przez Guillermo Raucha. Socket.IO jest to biblioteka do języka javascript, która pozwala na komunikację z serwerem w czasie rzeczywistym. Socket.IO pozwala na dwukierunkową komunikację między klientem a serwerem. Do nawiązania połączenia i wymiany danych między klientem a serwerem, Socket.IO używa Engine.IO, który jest biblioteką niższego poziomu niż Socket.IO. Engine.IO jest używany do implementacji serwera, a Engine.IO-client jest używany dla klienta.

 

Możliwości Socket.IO

Socket.IO zapewnia możliwość wdrażania analiz w czasie rzeczywistym, strumieniowania binarnego, błyskawicznie wysyłania i odbierania wiadomości. Socket.IO nawiązuję połączenia nawet w obecności kiedy użytkownik używa proxy, zapory systemowej i oprogramowania antywirusowego. Domyślnie obsługuje ponadto automatyczne ponowne łączenie, a także wykrywa odłączenie klienta od serwera i także w drugą stronę, serwer zostaje poinformowany o ewentualnym odłączeniu klienta. Korzystając z tej biblioteki programista nie musi wiedzieć, jak korzystać z protokołu WebSocket, aby korzystać z Socket.IO.

 

Użycie Socket.IO w praktyce

Poniższy przykład łączy Socket.IO do serwera HTTP nasłuchującego na porcie 3000.

const server = require('http').createServer();
const io = require('socket.io')(server);

io.on('connection', client => {
  client.on('event', data => { /* … */ });
  client.on('disconnect', () => { /* … */ });
});

server.listen(3000);

 

Połączenie z wykorzystaniem Express JS.

const app = require('express')();
const server = require('http').createServer(app);
const io = require('socket.io')(server);

io.on('connection', () => { /* … */ });

server.listen(3000);

Powiązane artykuły

Optymalizacja obrazów Dockera

24 lip 2023

Obrazy dla kontenerów Dockera mogą być naprawdę ciężkie. W internecie można znaleźć przykłady image'ów ważących nawet po 5 lub więcej gigabajtów. Jest to problem, zarówno dla developerów, używających Dockera do lokalnego developmentu, jak i dla osób odpowiedzialnych za setup aplikacji w środowiskach testowych i produkcyjnych. W artykule zostanie poruszony temat zmniejszania rozmiaru obrazów Dockera.

Dawid Kruk

#devops

related-article-image-null

Customowe template tags w Django

13 lip 2023

Template tags to świetne narzędzie pozwalające na manipulację danymi z poziomu template'ów w aplikacjach opartych o framework Django. Dużo z nich jest już wbudowanych we framework i gotowych do użytku, jednak czasem potrzebna jest customowa funkcjonalność.

Dawid Kruk

#fullstack

Tab Bar kontra Hamburger Menu: która opcja jest lepsza?

14 wrz 2023

Tab Bar kontra Hamburger Menu - nieodłączny spór w świecie UX/UI designu. Wybór pomiędzy tymi dwoma popularnymi modelami interfejsów to kluczowe zadanie, które może znacząco wpłynąć na poziom satysfakcji użytkowników. W niniejszym artykule porównamy i przeanalizujemy efektywność obu tych rozwiązań.

Tomasz Kozon

#web-design

Grupa docelowa i jej rola w tworzeniu aplikacji

14 wrz 2023

Klucz do sukcesu w procesie tworzenia aplikacji leży często nie tylko w umiejętnościach programistycznych, ale także w głębokim zrozumieniu grupy docelowej. To właśnie oni będą końcowymi użytkownikami, a ich oczekiwania i potrzeby powinny być najważniejszym punktem odniesienia dla każdego dewelopera. Proces tworzenia aplikacji wymaga stałego dialogu z grupą docelową, co z kolei przekłada się na atrakcyjność i użyteczność finalnego produktu.

Tomasz Kozon

#product-management

Sztuka dobierania słów kluczowych: Jak poprawić widoczność treści?

14 wrz 2023

Pisanie wartościowych treści to jedno, ale sprawienie, żeby trafiły one do jak najszerszego grona odbiorców to druga kwestia. Rola słów kluczowych w SEO jest niepodważalna. Jak więc dobrze dobrać słowa kluczowe, aby nasza treść była lepiej widoczna w wynikach wyszukiwania? Zapraszam do lektury.

Tomasz Kozon

#marketing

Format SVG: Dlaczego powinieneś go używać w swoim projekcie

14 wrz 2023

W dobie tworzenia funkcjonalnych i atrakcyjnych wizualnie stron WWW, kluczowym elementem stają się grafiki. Często spotykanym wyzwaniem jest zachowanie ich jakości na różnych urządzeniach. Ratunkiem okazują się tu SVG - skalowalne grafiki wektorowe, które wnoszą wiele korzyści do Twojego projektu.

Tomasz Kozon

#web-design

Enzyme - jak efektywnie testować komponenty React.js

13 wrz 2023

Enzyme to potężne narzędzie do testowania w React.js, pozwalające na efektywne przechodzenie, manipulowanie i porównywanie drzewa komponentów. Czy jesteś developerem React i pragniesz opanować tę bibliotekę? Nasz przewodnik pomoże Ci w pełni wykorzystać jej możliwości.

Tomasz Kozon

#testing

Zobacz wszystkie artykuły

Napisz do nas

hello@boringowl.io

Zadzwoń

+48 509 280 539

Znajdź nas

Newsletter
social iconsocial iconsocial iconsocial iconsocial icon
logo

Oferta

  • Web Development

  • Mobile Development

  • UI/UX Design

  • E-commerce

  • Team Extension

  • Body Leasing

Menu

  • O nas

  • Case studies

  • FAQ

  • Blog

  • Kariera

  • Kontakt

© 2023 - Boring Owl - Software House Warszawa

adobexd

adobexd

algolia

algolia

amazon-s3

amazon-s3

android

android

angular

angular

api

api

apscheduler

apscheduler

aws-amplify

aws-amplify

aws-lambda

aws-lambda

axios

axios

bash

bash

bootstrap

bootstrap

bulma

bulma

cakephp

cakephp

celery

celery

chartjs

chartjs

clojure

clojure

cloudinary

cloudinary

cms

cms

cobol

cobol

contentful

contentful

cpython

cpython

css3

css3

django

django

django-rest

django-rest

docker

docker

drupal

drupal

dynamodb

dynamodb

electron

electron

expo-io

expo-io

express-js

express-js

fakerjs

fakerjs

fastapi

fastapi

fastify

fastify

figma

figma

firebase

firebase

flask

flask

flutter

flutter

gatsbyjs

gatsbyjs

ghost-cms

ghost-cms

google-cloud

google-cloud

graphcms

graphcms

graphql

graphql

groovy

groovy

gulpjs

gulpjs

hasura

hasura

headless-cms

headless-cms

heroku

heroku

html5

html5

httpie

httpie

immutablejs

immutablejs

ios

ios

java

java

javascript

javascript

jekyll

jekyll

jekyll-admin

jekyll-admin

jenkins

jenkins

jquery

jquery

json

json

keras

keras

keystone5

keystone5

kotlin

kotlin

kubernetes

kubernetes

laravel

laravel

lodash

lodash

magento

magento

mailchimp

mailchimp

material-ui

material-ui

matlab

matlab

maven

maven

miro

miro

mockup

mockup

momentjs

momentjs

mongodb

mongodb

mysql

mysql

nestjs

nestjs

net

net

netlify

netlify

next-js

next-js

nodejs

nodejs

npm

npm

nuxtjs

nuxtjs

oracle

oracle

pandas

pandas

php

php

postgresql

postgresql

postman

postman

prestashop

prestashop

prettier

prettier

prisma

prisma

prismic

prismic

prose

prose

pwa

pwa

python

python

python-scheduler

python-scheduler

rabbitmq

rabbitmq

react-js

react-js

react-native

react-native

react-static

react-static

redis

redis

redux

redux

redux-saga

redux-saga

redux-thunk

redux-thunk

restful

restful

ruby-on-rails

ruby-on-rails

rust

rust

rxjs

rxjs

saleor

saleor

sanity

sanity

scala

scala

scikit-learn

scikit-learn

scrapy

scrapy

scrum

scrum

selenium

selenium

sentry

sentry

shodan

shodan

slack

slack

sms-api

sms-api

socket-io

socket-io

solidity

solidity

spring

spring

sql

sql

sql-alchemy

sql-alchemy

storyblok

storyblok

storybook

storybook

strapi

strapi

stripe

stripe

structured-data

structured-data

struts

struts

svelte

svelte

swagger

swagger

swift

swift

symfony

symfony

tensorflow

tensorflow

terraform

terraform

threejs

threejs

twig

twig

typescript

typescript

vercel

vercel

vue-js

vue-js

webpack

webpack

websocket

websocket

woocommerce

woocommerce

wordpress

wordpress

yarn

yarn

yii

yii

zend

zend

zeplin

zeplin

Zobacz więcej