https://github.com/alihanyesil/getmessage
Vue - WebSocket - Boostrap - Laravel
https://github.com/alihanyesil/getmessage
boostrap laravel vuejs websocket-chat
Last synced: about 2 months ago
JSON representation
Vue - WebSocket - Boostrap - Laravel
- Host: GitHub
- URL: https://github.com/alihanyesil/getmessage
- Owner: AlihanYesil
- Created: 2021-12-17T14:13:29.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-20T13:09:20.000Z (almost 4 years ago)
- Last Synced: 2025-03-03T02:44:10.161Z (over 1 year ago)
- Topics: boostrap, laravel, vuejs, websocket-chat
- Language: PHP
- Homepage:
- Size: 741 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GetMessage
uygulamayı kullanabilmekniz için verileri tutacağımız bir DB niz olması gerekir.
indirdikten sonra GetMessage-main dosyasını masaüstüne sürükle bırak yapıyoruz ve kullandığınız IDE ile açın.
## GetMessage/data klasörüne giriyoruz.
data uygulamanın apisidir bu api php nin framework olan laravel ile yazılmıştır.
kurulum için şu adımları izleyiniz:
env dosyasını düzenleyin.
terminal ekranına gelip şunları yazıyoruz.
composer install / composer i
php artisan key:generate
php artisan migrate yazarak ilgili db yi bizim için oluşturuyoruz.
php artisan serve --port 80 yazıp laravel projemizi başlatıyoruz.(80 portunda kullanın api olarak 80 portu tercih edildi)
yeni terminal açıyoruz.
## GetMessage/getmessage klasörüne giriyoruz.
getmessage uygulamanın döndüğü yerdir(Client) . javascript in Vue.js framework ile yazılmıştır.
terminal ekranına gelip şunları yazıyoruz:
npm install / npm i
npm run serve yazarak çalıştıyoruz.
vue js hazırdır.yeni terminal açıyoruz.
##GetMessage/server klasörüne giriyoruz.
server uygulamanın anlık haberleşme sağlaması için gerekli bir uygulamadır . Node.js in WebSocket framework ile yazılmıştır.
websockets, tcp uzerinden çift yönlü iletisim kurulmasını sağlayan bir teknolojidir.
terminal ekranına gelip şunları yazıyoruz:
npm install / npm i
npm start yazarak nodemon ile başlatabiliriz. yada node server yazıp normal başlatma yapabilir.
Nodemon nedir: Nodemon, NodeJS tabanlı uygulama geliştirirken dosyalarınızdaki değişiklikleri algılayıp otomatik olarak sunucuyu sizin için baştan başlatan bir araçtır.
### artık uygulama hazır kullanabilirsiniz iyi eğlenceler.