Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Meteor
Code

Tips Penting Meteor

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Muhammad Gufron (you can also view the original English article)

Proyek Meteor adalah platform pengembangan aplikasi web open source yang memungkinkan Anda untuk membuat aplikasi seluruhnya ditulis dalam JavaScript.

Meteor menyediakan alat-alat pengembangan untuk web penting kebutuhan app, sehingga secara alami cocok untuk start-up dan proyek-proyek baru secara umum. Menawarkan fitur-fitur seperti deployment ke banyak perangkat dari satu kode dasar (iOS, Android, Desktop), panas mendorong pembaruan didukung di luar kotak.

Ini berarti bahwa Anda dapat memperbarui aplikasi pada perangkat pengguna, tanpa menunggu persetujuan App Store. Kekayaan paket yang tersedia melalui npm dan Perpustakaan suasana sendiri membuat Meteor alat yang menarik untuk bekerja dengan.

Perkembangan pesat di Meteor

Salah satu alasan utama saya mulai menggunakan Meteor, tiga tahun yang lalu sekarang, adalah kemampuan cepat telah memberikan aplikasi web bekerja dalam jam. Hal ini memungkinkan saya untuk memberikan klien saya harapan yang tinggi dan anggaran mereka pra-first putaran pendanaan.

Akhirnya, dengan kerangka web ini yang dapat menampung ide-ide besar dengan awal yang sederhana, kualitas atas reaktif web mobile apps adalah dalam jangkauan tim pengembangan single-orang.

NPM + suasana paket

Setiap paket dari npm tersedia di Meteor, jadi jika Anda ingin menggunakan alat bantu seperti kasar, Browserify, Webpack, Bootstrap, bereaksi, jQuery dan sudut, Anda akan tidak memiliki masalah menggunakan ini dalam Meteor.

Mencari paket baru:

Untuk menginstal paket npm di Meteor, hanya menjalankan:

Menjalankan perintah ini akan memperbarui package.json Anda dengan ketergantungan, dan juga men-download paket ke app's lokal node_modules/ direktori.

Version Control

Catatan penting: untuk portabilitas, saya sarankan Anda tidak melakukan node_modules/ Git, dan lulus pengembang baru sebaliknya meminta mereka untuk menjalankan meteor npm install, yang akan menginstal semua paket yang diperlukan.

User Account

Meteor accounts-ui

Paket accounts-ui memungkinkan pengguna untuk login dan mendaftar untuk aplikasi, dan juga memberikan dukungan oAuth, berinteraksi dengan Akun Meteor.

Untuk merek dan komunikasi tujuan, menyesuaikan verifikasi email (sendVerificationEmail) atau undangan (sendEnrollmentEmail) agar sesuai dengan keseluruhan tema dari app adalah permintaan umum.

Cara yang bagus untuk melakukan HTML email di Meteor adalah dengan menggunakan paket cantik email oleh yogiben.

Sekarang Anda dapat mengubah email verifikasi dengan hanya beberapa baris:

Untuk informasi perusahaan Anda, Anda dapat mengkonfigurasi PrettyEmail.options seperti:

Untuk mengirim email, menggunakan metode berikut:

Jika Anda ingin menambahkan sebuah template, Anda dapat melakukannya dengan menyesuaikan opsi berikut:

Mengubah style ini juga sangat mudah:

Berikut adalah contoh aktivasi email pengguna akan menerima di klien email mereka.

Pretty Emails activation email

Cukup email memiliki seluruh ton lebih banyak pilihan untuk sosial, kembali link, header dan footer dan read more di halaman manual.

Ratchet, Materialisasi, dan Bootstrap Support

Ada juga paket account pengguna untuk masing-masing Perpustakaan front-end populer ini, serta ionik. Masing-masing dapat sepenuhnya dikonfigurasi untuk memenuhi kebutuhan Anda.

  • Ratchet: meteor add useraccounts:ratchet
  • Ionic: meteor add useraccounts:ionic
  • Bootstrap: meteor add useraccounts:bootstrap
  • Materialize: meteor add useraccounts:materialize

UI

Mirip dengan account pengguna, tersedia paket untuk Perpustakaan front-end populer seperti Bootstrap, sudut, bereaksi dan mesin template Blaze, bersama dengan banyak orang lain seperti semantik UI.

Mencari di atmosfer menghasilkan hasil yang banyak; Berikut adalah beberapa favorit saya:

React + Bootstrap

Anda akan perlu menginstall React npm paket pertama dengan:

Sekarang, untuk paket meteor, jalankan meteor add universe:react-bootstrap.

Anda dapat menggunakan komponen Bootstrap dalam React JSX anda sekarang:

Transisi Halaman

Jika Anda menggunakan Router besi maka Anda dapat menggunakan paket meteor-transitioner. Bekerja pada template Blaze Anda, tambahkan setang berikut di sekitar {{yield}}:

Sekarang mengatur transisi antara rute:

Untuk informasi lebih lanjut tentang transisi, periksa README.

Mongo

Untuk mengedit database mongo Anda di web browser, Mongol tool adalah salah satu yang terbaik yang saya telah digunakan. Sekali Anda telah menginstal Mongol dengan:

Hanya tekan Control-M dan Anda akan memiliki akses ke koleksi Anda dengan dukungan penuh CRUD dalam browser.

Saya menemukan menggunakan Mongol sangat berguna ketika debug aplikasi baru atau perubahan data yang sudah ada.

Mongol for debugging

Browser Extensions

Untuk pengguna yang bekerja di Chrome, ada sebuah plugin Mongo tersedia disebut MiniMongo yang akan memungkinkan Anda untuk mencari database Meteor di panel developer tools.

Proyek MiniMongo Explorer tersedia di GitHub, jika Anda ingin membangun sumber sendiri.

Deplayment

Dengan menggunakan tool mup gratis yang luar biasa, Anda dapat menyebarkan situs ke Ocean VPN Digital dalam beberapa menit.

Konfigurasi sangat sederhana, dan Anda hanya perlu memiliki aplikasi Anda, kredensial SSH, dan mungkin sertifikat SSL jika Anda ingin mengaktifkan HTTPS.

Untuk mengatur mup, memulai dengan membuat sebuah direktori untuk penggunaan:

Instal mup:

Inisialisasi direktori:

Sekarang Anda perlu mengkonfigurasi penyebaran dengan mendirikan mup.js file yang telah dibuat melalui langkah sebelumnya.

Sekarang mengatur server:

Dan deploy:

Anda akan melihat konfirmasi setiap langkah proses di terminal Anda. Setelah penyebaran selesai, aplikasi sekarang langsung di server Anda, dan Anda dapat memeriksanya di browser Anda.

Untuk informasi lebih lanjut tentang konfigurasi dengan SSL, silakan merujuk ke panduan ini.

Caching

Meteor dilengkapi dengan appcache, yang akan cache app setelah load pertama, tetapi tidak untuk penggunaan offline.

Jika ingin cache offline, Anda harus menggunakan GroundMeteor. Ini adalah penyimpanan hanya sisi klien yang berfungsi di LocalCollection.

Sebagai contoh, kita dapat memantau koleksi dan menyimpan secara lokal:

Di sini, isi dari Data.find() publikasi akan di-cache ke Koleksi Tanah offline.

Key Stores Caches

Untuk memori keystore caching, Anda dapat menggunakan paket memcache atau redis paket untuk memungkinkan Anda untuk mengakses data caching pada server.

Paket mengasumsikan server memcache atau redis sudah berjalan, dan kemudian kunci dapat disimpan di memcache.

Atau dalam Redis Collection:

Implementasi redis sangat bagus karena dapat digunakan untuk disiarkan melalui publikasi / berlangganan arsitektur Meteor.

Development Tools

Selain tools yang telah disebutkan, ekstensi browser Firebug seperti yang tersedia di Chrome untuk Meteor membuat proses debug menjadi lebih mudah. Anda dapat memantau data yang dilewatkan dari server ke klien dengan mudah di dalam tab DDP dan meninjau template Blaze Anda melalui inspektur Blaze.

Reviewing a Blaze Template

IDE Tools

Untuk pengembangan dalam editor teks Sublime, versi khusus dari paket Tern.js menyediakan pelengkapan otomatis untuk Meteor. Download di GitHub.

JetBrains menyediakan otomatis integrasi Meteor proyek dengan sintaks penyorotan dan debugging. Atom juga menyediakan beberapa paket untuk sintaks, potongan kode dan autocomplete.

Boiler Plates

Yeoman

Jika Anda hanya ingin cepat pergi dengan aplikasi yang sudah disiapkan, Anda dapat melihat yogiben's starter. Koki Meteor juga memiliki starter dasar yang sangat baik. Jika Anda ingin menggunakan React, Anda dapat melihat generator Yeoman ini untuk titik awal.

Untuk bantuan lebih lanjut dalam memulai aplikasi Anda, Meteor Kitchen akan menyediakan GUI untuk rute dan konfigurasi.

Admin Panels

AdminLTE theme admin panel from Yogiben

Jika Anda menggunakan Meteor Starter Yogiben, Anda juga bisa memastikan panel admin yang dibuatnya akan berfungsi dengan baik dalam hubungannya. Hampir semua proyek lain yang menggunakan mongo dan api seharusnya cocok untuk ini, meskipun aplikasi React Router mungkin memiliki konflik dengan Iron Router.

Tema untuk admin panel extensibly dimodifikasi, dan Anda dapat membaca dokumentasi.

Meteor Dari Meteorites

Meteor Preview 052

Sebelum kita selesaikan di sini, izinkan saya memberi Anda beberapa latar belakang tentang proyek Meteor. Meteor dirilis secara terbuka pada Januari 2012, hasil proyek inkubator Y Combinator yang menerima $ 11,2 juta dalam pendanaan dari firma kapitalis ventura Andreessen Horowitz.

It initially launched with a package manager named Meteorite (mrt on the cli), and extendability has always been a core element to Meteor. With the release of Meteor 0.9, things changed for good with the inception of Atmosphere packages.

Menambahkan paket ke aplikasi Meteor menjadi sesederhana meteor add mrt:moment.

Karena momentum untuk proyek ini berlanjut, ia mengumpulkan minat publik dan diadopsi oleh berbagai pengembang lama dan baru. Salah satu driver inti untuk ini, saya percaya, adalah fleksibilitas untuk dapat bekerja sepenuhnya di JavaScript — klien dan server.

Awalnya, paket npm tidak tersedia, hingga Meteor merilis versi 1.3, yang menandai tonggak serius dalam siklus pengembangan sejauh ini.

Bekerja di JavaScript sepenuhnya di seluruh berarti Meteor memiliki kemampuan untuk berinteraksi dengan perpustakaan luas perpustakaan JS dan Node yang ada sekarang dengan integrasi npm. Ini memberi Meteor keunggulan sebagai kerangka kerja.

Ini memberikan perspektif kemajuan kami dalam pengembangan web, tentunya untuk memikirkan besarnya kekuatan yang Meteor, npm dan paket atmosfernya berikan ke ujung jari Anda. Ini adalah perubahan besar dari cara kami melakukannya, dengan tenaga kerja pengembangan yang besar, di pra-jQuery, pra-npm, pra-Bower hari Flash, NotePad / Dreamweaver dan PHP 3. Saya telah bekerja di tim lebih dari sepuluh karyawan untuk menghasilkan karya yang, tanpa terdengar konyol, dapat benar-benar selesai dalam beberapa minggu di Meteor oleh satu atau dua pengembang.

Dengan alat-alat ini yang Anda inginkan, tidak pernah ada waktu yang lebih baik untuk menjadi pengusaha web yang berpikiran teknis. Membangun aplikasi impian Anda sendiri pasti dalam jangkauan.

Sebagai contoh, sebelumnya hari ini saya mengumpulkan CMS yang didukung basis data dengan sistem pengguna lengkap dan admin back office dengan login Facebook dan Google+ oAuth. Saya menerapkannya ke server baru untuk dibagikan kepada orang-orang untuk melakukan debug, dan saya dapat melihat data diubah secara waktu nyata.

Meteor benar-benar cepat untuk diajak bekerja sama. Validasi formulir dilakukan dan pekerjaan entri data yang tepat dapat dimulai besok, setelah hanya delapan jam waktu pengembangan.

Kesimpulan

Meteor adalah mesin aplikasi web yang kuat dan kuat yang akan memberi Anda awal yang baik dalam pengembangan aplikasi.

Semoga paket dan saran yang disebutkan di sini akan memungkinkan Anda untuk membuat aplikasi Anda dalam waktu singkat. Bagi saya, mewujudkan ide aplikasi saya dalam rentang waktu yang singkat dapat berarti kreativitas berkembang dan inovasi menjadi lebih mudah.

Anda dapat mempercepat pengembangan dengan mudah seperti di Meteor praktis ada paket untuk semuanya, dan lebih fokus pada konfigurasi, yang membuat pengalaman pengembangan jauh lebih baik.

Untuk mendapatkan dukungan dengan masalah pada proyek tertentu, Anda mungkin ingin mencari proyek di GitHub dan membuat masalah pada repositori bagi para pengembang untuk ditangani.

Jika Anda mencari saran lebih lanjut tentang Meteor, forum resmi selalu merupakan tempat yang baik untuk ditanyakan.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.