Dalam catatan ini kita akan membuat laman web peribadi menggunakan rel dan menyebarkannya ke Heroku. Heroku adalah platform aplikasi awan - kaedah baru untuk membangun dan menggunakan aplikasi web. Perkara terbaik mengenai Heroku ialah anda tidak perlu membayar untuk hosting aplikasi web asas kerana Heroku telah mengkategorikannya sebagai percuma. Kami akan membina aplikasi rel satu halaman dan ia akan menjadi laman web statik yang dapat digunakan sebagai portfolio.
Berikut adalah gambar aplikasi rel (digunakan di Heroku di sini )
Mari mulakan pembuatan aplikasi Rails ini. Saya menganggap anda sudah memasang Ruby dan Rails. Pastikan anda mempunyai Ruby 2.0 dan Rails 4.2.2. Anda boleh menyemak versi dari command prompt.
Catatan: Kami akan menggunakan Ruby 2.0 dan Rails 4.2.2. Sekiranya anda mempunyai beberapa versi Ruby and Rails, beberapa langkah yang ditunjukkan dalam catatan ini mungkin tidak sesuai untuk anda.
Membuat Projek:
Kami akan menamakan projek kami sebagai laman web. Untuk membuat projek gunakan arahan Rails laman web baru
Rel akan menghasilkan semua fail secara automatik dan juga akan memasang semua permata yang diperlukan dengan menjalankan run bundle yang dipasang secara automatik seperti yang ditunjukkan di bawah
Sekarang anda akan melihat folder laman web di bawah pemacu C: anda (lokasi dari mana kami menjalankan perintah laman web baru Rails). Mari buka folder laman web di beberapa IDE. Saya mempunyai kurungan IDE dari Adobe. Anda boleh menggunakan yang lain kerana tidak menjadi masalah.
Struktur Projek:
Struktur projek yang dihasilkan akan kelihatan seperti di bawah
Walaupun kami belum menulis kod, anda boleh menjalankan aplikasi laman web sekarang. Untuk menjalankan aplikasi laman web, jalankan perintah Rails dari folder laman web seperti gambar di bawah
Seperti yang anda lihat dalam gambar di atas bahawa aplikasi laman web kami telah digunakanhttp: // localhost: 3000
Anda akan dapat melihat skrin di bawah semasa mengakses URLhttp: // localhost: 3000
Tetapi kami ingin menunjukkan halaman utama aplikasi kami mengenai mengakses URLhttp: // localhost: 3000 /.Untuk itu mari kita buat halaman index.html di bawah folder awam projek laman web kami.
Catatan: Rel akan secara automatik menayangkan halaman index.html ketika mengakses URL roothttp: // localhost: 3000
Buat masa ini kami hanya mempunyai satu baris di halaman index.html.
Mari kita akses URL akarhttp: // localhost: 3000
Sekarang, mari kita masukkan kehidupan di halaman index.html kami dengan menambahkan beberapa gambar - JS dan CSS yang menarik. Kami akan menggunakan tema skala kelabu dari bootstrap permulaan.
Tema Bootstrap Mula Skala Kelabu -
Berikut adalah gambar tema bootstrap permulaan skala kelabu yang akan kami gunakan. Kami akan menyesuaikan tema ini untuk memenuhi keperluan kami.
cara membuang dua kali ganda ke int di java
Anda boleh memuat turun tema ini dari http://startbootstrap.com/template-overviews/grayscale/
Muat turun tema skala kelabu dan salin CSS, font-awesome, font, img, JS dan index.html ke direktori awam projek laman web. Di bawah ini adalah snapshot projek setelah menambahkan CSS, JS, fon, folder gambar dan halaman index.html di bawah direktori awam projek laman web.
Mari jalankan projek laman web kami sekarang:
Semasa menjalankan projek, anda akan diberikan halaman tema skala kelabu yang cantik.
Kami akan mengubah halaman index.html (di bawah direktori awam projek laman web) untuk memberikannya pandangan profesional.
Berikut adalah gambar projek laman web setelah membuat perubahan pada halaman index.html. Kami baru sahaja menukar gambar dan mengedit beberapa teks untuk menjadikannya khusus untuk seseorang.
Anda boleh mengubah index.html dan grayscale.CSS mengikut kehendak anda. Sekarang, kami bersedia menyebarkan aplikasi laman web kami ke Heroku.
Menolak kod ke Github:
Sebelum menyebarkan aplikasi ke Heroku, kita perlu memasukkan kod kita ke repositori Github yang jauh. Untuk itu anda memerlukan akaun Github. Sekiranya anda tidak mempunyai akaun Github, pergi dan buat di www.github.com .
Anda juga perlu memasang Github pada Windows anda. Muat turun Github untuk tingkap dari https://windows.github.com/ .
Setelah anda memuat turun dan memasang Github pada mesin anda, buka aplikasi Github dan konfigurasikan kelayakan Github anda dan pilih shell Git Bash sebagai shell lalai anda (anda boleh memilih pilihan lain juga yang anda suka) dan kemudian simpan perubahannya.
Anda perlu membuat repositori di Github, di mana kami akan menyimpan projek laman web kami dari jauh. Untuk membuat repositori, log masuk ke Github dan klik pada pilihan repositori baru yang ditunjukkan pada butang hijau.
Namakan repositori anda (dalam hal ini kami telah menamakannya railtoheroku) dan klik pada pautan buat repositori seperti yang ditunjukkan di bawah.
Github akan memberikan URL jauh ( https://github.com/eMahtab/railtoheroku.git dalam kes ini) untuk repositori railtoheroku yang akan diperlukan semasa menekan kod dari mesin tempatan ke Github.
Sekarang, kami bersedia untuk memasukkan kod projek laman web kami ke Github. Ikuti langkah di bawah untuk menolak kod ke Github.
Buka shell Git dan gunakan perintah Git init untuk menginisialisasi direktori laman web seperti yang ditunjukkan di bawah:
Sekarang, tambahkan semua fail dalam direktori laman web di bawah kawalan versi dengan menjalankan Git add.
Lakukan semua fail dengan menjalankan Git comm –m “Final Commit”
Tambahkan repositori jauh seperti yang ditunjukkan di bawah:
Sekarang langkah terakhir yang sebenarnya akan mendorong kod ke repositori Github:
Kami selesai dengan Github. Bahagian seterusnya adalah penyebaran sebenar aplikasi ke Heroku.
Menyebarkan aplikasi ke Heroku:
Buat akaun Heroku di https://www.heroku.com/
Catatan : Kita harus membuat beberapa perubahan untuk penyebaran aplikasi ke Heroku. Heroku tidak menyokong SqLite 3, sebaliknya mempunyai pangkalan data PostgreSQL. Oleh itu, kita harus membuang kebergantungan sqlite3 dari gemfile. Heroku memerlukan permata rails_12factor, yang digunakan oleh Heroku untuk melayani aset statik seperti gambar dan helaian gaya. Dua perubahan yang diperlukan dalam Gemfile diringkaskan di bawah:
Keluarkan permata garis 'sqlite3' dari Gemfile
Tambahkan baris berikut ke Gemfile
kumpulan: pengembangan,: ujian lakukan #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Mari kita periksa sama ada semuanya berfungsi dengan baik setelah membuat perubahan pada Gemfile. Simpan Gemfile dan jalankan pemasangan bundle dengan bendera khas (–tanpa pengeluaran) untuk mengelakkan pemasangan permata pengeluaran tempatan.
Mari kita lakukan perubahan yang dibuat di Gemfile ke repositori jauh di Github:
Tekan perubahan ke repositori Github jauh:
Membuat aplikasi baru di Heroku:
Log masuk ke Heroku dan buat aplikasi baru. Saya telah menamakan railtoheroku aplikasi saya. Anda boleh menamakannya apa sahaja yang anda suka. Klik buat aplikasi untuk membuat aplikasi bernama.
Menyambungkan repositori Github ke Aplikasi Heroku:
Langkah seterusnya ialah menghubungkan repositori Github anda ke Heroku.
Di bawah ini kami telah menghubungkan reltoheroku repositori Github kami
Sebaik sahaja kami menyambungkan repositori Github kami ke Heroku, kami bersedia untuk menggunakan aplikasi kami. Untuk menyebarkan aplikasi tatal ke bawah ke opsi penyebaran manual dan klik pada pilihan menyebarkan cawangan
Menggunakan Aplikasi:
Sebaik sahaja anda mengklik Deploy Branch, Heroku akan mula memasang permata dari Gemfile semasa pengeluaran:
Setelah semua permata dipasang dan aplikasi dikerahkan, Anda akan melihat pesan ucapan selamat dari Heroku yang mengatakan, 'Aplikasi Anda berjaya diterapkan.'
Untuk melihat aplikasi yang anda gunakan, klik pada butang lihat dan anda dapat melihat aplikasi anda berjaya digunakan.
Sekiranya anda menghadapi masalah semasa mengikuti salah satu langkah di atas sila komen di bawah. Semoga anda menikmati siaran ini.
Ada soalan untuk kami? Sila sebutkan di bahagian komen dan kami akan menghubungi anda.
Catatan berkaitan:
Menghuraikan fail XML menggunakan SAX Parser