Unduh chat.io - unduh kode sumber chat.io

chat.io

Kode Sumber AI

chat.io 1.0

Unduh

chat.io

Aplikasi Obrolan Waktu Nyata yang dibuat menggunakan Node.js, Express, Mongoose, Socket.io, Passport, & Redis.

Indeks

Demo
Fitur
Instalasi
Cara Kerjanya
Mendukung
Menyumbang
Lisensi

Demo

Periksa Demo

Fitur

Menggunakan Express sebagai Kerangka aplikasi.
Mengelola Sesi menggunakan paket sesi ekspres.
Otentikasi melalui nama pengguna dan kata sandi menggunakan Paspor.
Kata sandi di-hash menggunakan paket bcrypt-nodejs.
Otentikasi Sosial melalui Facebook dan Twitter menggunakan Paspor.
Komunikasi real-time antara klien dan server menggunakan Socket.io.
Menggunakan MongoDB, Mongoose dan MongoLab(mLab) untuk menyimpan dan menanyakan data.
Menyimpan sesi di MongoDB menggunakan connect-mongo; toko sesi berbasis MongoDB.
Menggunakan Redis sebagai Adaptor untuk Socket.io.
Pencatatan Kesalahan dan Pengecualian menggunakan Winston.

Instalasi

Berjalan Secara Lokal

Pastikan Anda telah menginstal Node.js dan npm.

Kloning atau Unduh repositori

chat.io">

 $ git clone https://github.com/OmarElGabry/chat.io.git
$ cd chat.io

Instal Dependensi
```
 $ npm install
```
Edit file konfigurasi di app/config/config.json dengan kredensial Anda (lihat Konfigurasi Pengaturan).
Unduh dan Instal Redis.
Menjalankan Redis Server (sebagai Admin)
```
 $ redis-server
```
Mulai aplikasi
```
 $ npm start
```

Aplikasi Anda sekarang seharusnya berjalan di localhost:3000.

Menyebarkan ke Heroku

Pastikan Anda telah menginstal Heroku Toolbelt.

Buat aplikasi Heroku baru, dan dorong aplikasi obrolan Anda ke repositori jarak jauh Git
```
 $ heroku create
$ git push heroku master
```
atau
Sekarang, Anda perlu menyiapkan variabel konfigurasi di Heroku.
1. Buka Pengaturan -> Buka Config Vars.
2. Tambahkan variabel konfigurasi. Semua variabel yang dibutuhkan ada di dalam app/config/index.js . Biasanya, ini adalah variabel konfigurasi yang perlu Anda tetapkan: { dbURI, sessionSecret, facebookClientID, facebookClientSecret, twitterConsumerKey, twitterConsumerSecret } (lihat Konfigurasi Penyiapan).
Langkah terakhir adalah menambahkan Redis sebagai Add-on di Heroku.
1. Buka Sumber Daya -> Add-on
2. Pilih Heroku Redis
Anda perlu menyiapkan akun penagihan meskipun add-onnya gratis.
Buka aplikasi obrolan Anda di browser
```
 $ heroku open
```

Cara Kerjanya

Konfigurasi Pengaturan

Konfigurasi produksi akan ditetapkan dari Variabel Lingkungan di Heroku, sedangkan konfigurasi pengembangan berada di dalam file app/config/config.json .

MongoDB & MongoLab

Anda perlu membuat database di MongoLab, lalu membuat pengguna database, mendapatkan MongoDB URI , dan menetapkannya ke dbURI .

Facebook & Twitter

Anda perlu mendaftarkan aplikasi baru di Facebook dan Twitter untuk mendapatkan token yang dapat digunakan pengguna untuk memberikan akses ke aplikasi Anda, dan masuk menggunakan akun sosial mereka.

Mendaftarkan aplikasi di Facebook

Buka Pengembang Facebook
Tambahkan aplikasi baru, dan isi informasi yang diperlukan.
Dapatkan App ID Anda, App Secret .
Buka Tambah Produk -> Login Facebook -> URI pengalihan OAuth yang valid
Tambahkan URI Panggilan Balik yang Valid
Buka Tinjauan Aplikasi -> Jadikan aplikasi Anda publik.

Sekarang, Anda dapat menetapkan App ID ke facebookClientID , dan App Secret ke facebookClientSecret .

Mendaftarkan aplikasi di Twitter

Buka Aplikasi Twitter
Buat aplikasi baru, dan isi informasi yang diperlukan.
Tambahkan Situs Web & URL Panggilan Balik
Dapatkan Consumer Key Anda, Consumer Secret .

Sekarang, Anda dapat menetapkan Consumer Key ke twitterConsumerKey , dan Consumer Secret ke twitterConsumerSecret .

URL Panggilan Balik

Itu bisa menunjuk kembali ke localhost Anda; http://localhost:3000/auth/facebook/callback
Saat diterapkan ke Heroku, Anda akan melihat tampilan seperti ini; http://my-chat-app.herokuapp.com/auth/facebook/callback

Sidang

Sesi ini memerlukan string acak untuk memastikan id sesi di browser acak. String acak itu digunakan untuk mengenkripsi id sesi di browser, Mengapa? Untuk mencegah tebakan id sesi.

Basis data

Mongoose digunakan untuk berinteraksi dengan MongoDB yang dihosting oleh MongoLab.

Skema

Ada dua skema; pengguna dan ruangan.

Setiap pengguna memiliki nama pengguna, kata sandi, Id sosial, dan gambar. Jika pengguna login melalui nama pengguna dan kata sandi, maka Id sosial harus nol, dan jika login melalui akun sosial, maka kata sandinya akan nol.

Setiap ruangan memiliki judul, dan rangkaian koneksi. Setiap item dalam array koneksi mewakili pengguna yang terhubung melalui soket unik; objek yang terdiri dari {userId + socketId} . Keduanya bersama-sama adalah unik.

Model

Setiap model membungkus objek Model Mongoose, menimpa dan menyediakan beberapa metode. Ada dua model; Pengguna dan Ruangan.

Sidang

Sesi dalam aplikasi Express paling baik dikelola menggunakan paket sesi ekspres. Data sesi disimpan secara lokal di komputer Anda, sementara itu disimpan dalam database di lingkungan produksi. Data sesi akan dihapus saat logout.

Otentikasi Pengguna

Pengguna dapat login menggunakan nama pengguna dan kata sandi, atau login melalui akun sosial. Otentikasi pengguna dilakukan menggunakan Paspor. Passport memiliki dokumentasi ekstensif dan langkah demi langkah tentang cara menerapkan setiap cara autentikasi.

Soket

Memiliki koneksi aktif yang terbuka antara klien dan server sehingga klien dapat mengirim dan menerima data. Hal ini memungkinkan komunikasi real-time menggunakan soket TCP. Hal ini dimungkinkan oleh Socket.io.

Klien memulai dengan menghubungkan ke server melalui soket (mungkin juga ditugaskan ke namespace tertentu). Setelah koneksi berhasil, klien dan server dapat memancarkan dan mendengarkan peristiwa.

Ada dua namespace yang digunakan; /rooms dan /chatroom .

penebang

Dan tentu saja, Anda perlu memantau aplikasi Anda. Winston dapat mencatat dan menangkap Pengecualian yang Tidak Tertangkap. Semua log ditampilkan di konsol, dan disimpan dalam file debug.log .

Di Heroku, Anda dapat memantau log dengan mengklik Lainnya -> Lihat Log di kiri atas dasbor aplikasi Anda.