Selamat datang di Let's Build berikutnya! Bangunan ini memperkenalkan raksasa media sosial terkenal Twitter sebagai inspirasi proyek tersebut. Kami akan membuat semacam tiruan yang disebut twittter .
Aplikasi ini terutama akan mendemonstrasikan sistem peran pengguna yang membuat aplikasi web dan aplikasi navigasi Anda terasa semuanya ada di dalam browser. Saya akan melakukannya sedikit lebih cepat dibandingkan versi sebelumnya karena ini lebih merupakan latihan dasar di mana saya menjelaskan konsep umum seputar ekosistem Ruby on Rails. Kita akan menggunakan generator Rails untuk membantu menyusun beberapa hal yang telah saya bahas. Jika Anda belum menonton Let's Build yang pertama, saya mengundang Anda untuk menontonnya agar dapat memahami apa yang kami lakukan.
Unduh kode sumbernya
Aplikasinya sendiri akan menampilkan prinsip dasar CRUD di mana kita dapat membuat, membaca, memperbarui, dan menghancurkan Tweet . Intinya sama dengan build saya sebelumnya dimana kita membuat postingan untuk blog. Di atas Tweet , saya memperkenalkan permata baru bernama Rancangan yang memudahkan pembuatan seluruh peran pengguna dan sistem autentikasi. Dikombinasikan dengan permata ini kita dapat mengautentikasi pengguna yang ingin menulis Tweet . Tweet pengguna kemudian juga dikaitkan dengan akun mereka. Hasil akhirnya adalah situs publik dengan aliran tweet dari pengguna yang berbeda. Pengguna yang memiliki dan akun dapat masuk untuk membuat Tweet mereka sendiri untuk ditambahkan ke aliran publik.
Twitter adalah aplikasi yang cukup rumit. Saya tidak akan membahas balasan, retweet, suka, dan beberapa fitur dasar lainnya dari raksasa media sosial terkenal itu. Sebaliknya, saya mengundang Anda untuk memikirkan cara menambahkan fitur-fitur tersebut. Mirip dengan blog dengan kumpulan komentar yang saya lakukan, lihat apakah Anda dapat mengetahui sendiri cara menambahkan balasan ke aplikasi. (Tips: Sama saja menambahkan komentar pada postingan blog seperti yang saya lakukan pada build sebelumnya ;) ). Saya mungkin mengunjungi kembali aplikasi ini untuk menambahkan lebih banyak fitur sebagai latihan lain tetapi sejujurnya saya kehabisan waktu! Beri tahu saya jika Anda ingin melihat saya memperluas hal ini lebih jauh.
Ada juga beberapa permata di alam liar untuk "menyukai" postingan. Ini favorit saya
Catatan: Satu kesalahan besar yang saya perhatikan setelah menghentikannya pada build ini adalah bahwa setiap pengguna yang masuk dapat mengedit tweet pengguna lain . Ini adalah kelemahan keamanan yang besar karena kemampuan pengguna seharusnya hanya ada pada akun mereka sendiri. Lihat apakah Anda dapat menemukan cara untuk hanya mengizinkan pengguna yang masuk saat ini untuk mengedit tweet mereka sendiri dan bukan pengguna lain. Saya mungkin akan meninjau kembali seri ini untuk memperluas dan mengatasi masalah ini.
Kesalahan Lebih Baik - Untuk kesalahan yang lebih baik
Bulma - untuk CSS yang mudah. Jangan ragu untuk menggunakan gaya Anda sendiri dan/atau menggunakan kerangka kerja yang berbeda.
Guard - Berguna untuk memuat ulang file scss
, js
, css
, dan erb
secara langsung, meskipun mampu melakukan lebih banyak lagi!
Penjaga diperlukan agar permata Guard LiveReload dapat berfungsi
Penjaga LiveReload
Formulir Sederhana - Untuk formulir sederhana!
Rancangan - Peran dan autentikasi pengguna yang mudah
Gravatar_image_tag - Tag gambar terintegrasi yang mengeluarkan gravatar.
Lanjutkan membaca di web-crunch.com