فریم ورک Meteor چیست؟

آموزش متنی برنامه نویسی معرفی ابزار و زبان های برنامه نویسی

0 دیدگاه

فریمورک Meteor چیست؟

فریم ورک Meteor چیست؟ Meteor یک پلتفرم کامل برای ساخت اپلیکیشن های وب و موبایل real-time با استفاده از جاوا اسکریپت هست. Meteor فریمورک یا کتابخانه ای نیست که فقط برای حل مشکل خاصی آمده باشه, مثل express که ابزار توسعه وب در Node.js یا django برای پایتون باشه، بلکه این فریمورکی هست که به برنامه نویس ها اجازه میده اپلیکیشن های با کارایی بالا برنامه نویسی کنند…..

فریم ورک Meteor چیست؟

Meteor یا MeteorJS یک چارچوب وب سایت جاوا اسکریپت آزاد و منبع باز است که با استفاده از Node js نوشته شده است. این چارچوب برای نمونه سازی های سریع و تولید کد کراس پلت فرم ها مورد استفاده قرار می گیرد. این چارچوب با ادغام با MongoDB و با استفاده از پروتکل توزیع شده و الگوی اشتراک گذاری، به طور خودکار تغییرات داده را به مشتریان بدون نیاز به توسعه دهنده برای نوشتن هر کد هماهنگ سازی، ابلاغ می کند. در سمت کلاینت، Meteor را می توان با موتور قالب خود یعنی Blaze و همچنین با فریم ورک های Angular و React مشاهده کرد.

چرا فریم ورک Meteor ؟

زمانی که شما از MEAN Stack استفاده می‌کنید، باید بین Express.js و Angular.js هماهنگ‌سازی کنید. این موضوع در مورد Node.js و MongoDB هم صادق است؛ اما مجموعه Meteor.JS راهکاری کامل برای تولید و توسعه برنامه‌های تحت وب ارائه می‌دهد. با در نظر گرفتن امکاناتی که مجموعه Meteor.JS ارائه می‌کند، می‌توان دریافت که این مجموعه تا چه میزان در توسعه برنامه‌ها مفید و سودمند خواهد بود. مجموعه Meteor JS همچنین به شکل قدرتمندی در حال رشد است و بیش‌ازپیش برای ساخت اپلیکیشن‌های real-time (زنده) مناسب دیده می‌شود.

حمل موارد بیشتر با کد کمتر

به لطف یک پشته جاوا اسکریپت یکپارچه که از پایگاه داده به صفحه نمایش کاربر پایان می یابد، شما می توانید هر چیزی که در 1000 خط کد صورت خواهد گرفت را در 10 خط کد انجام دهید.

Meteor تمام کامپوننت هایی که شما برای ساخت یک اپلیکیشن real-time احتیاج دارید رو فراهم میکنه, مثل node.js برای سرور یا mongo برای دیتابیس . پس این ابزار چطوری کمک میکنه ما کدهامون رو بنویسیم, تصویر زیر میتونه گویای مطلب باشه :

فریمورک Meteor چیست؟

همانطور که تصویر نشون میده, Metoer یک پکیج کامل شبیه یک ماشینه, تمام چیزهایی که برای رانندگی نیاز دارید!

ساخت برنامه برای هر دستگاه

با استفاده از این چارچوب شما قادر خواهید بود تنها بوسیله یک کد، برای همه دستگاه ها از جمله وب، اندروید و IOS یا دسکتاپ برنامه نویسی کنید و برنامه خود را توسعه دهید. ویژگی های داغ جدید بدون تایید فروشگاه برنامه و یا مجبور کردن کاربران برای دانلود یک برنامه بومی جدید در این چارچوب وجود دارند.

ادغام تکنولوژی هایی که قبلا استفاده کرده اید

با استفاده از Meteor شما با چارچوب های محبوب و ابزار های آشنا کار خواهید کرد و بر روی ویژگی های ساختمانی به جای سیم کشی قطعات مختلف و متفرقه، تمرکز خواهید کرد.

ویژگی های Meteor.JS

با استفاده از مجموعه Meteor شما می‌توانید برنامه‌ها را در جاوا اسکریپت برای مرورگرهای اینترنتی، سرور اپلیکیشن و محیط‌های تلفن همراه توسعه دهید.
مجموعه Meteor دارای امکانات داخلی متعدد است که ازجمله آن‌ها می‌توان به بارگذاری مجدد کدهای خاص، CSS خودکار و معادله JS و همچنین قالب‌های واکنشی اشاره کرد.
این برنامه در محیط جاوا اسکریپت به‌گونه‌ای طراحی‌شده است که شما را قادر می‌سازد از کد واحد در هر دو سمت مشتری و سمت سرور استفاده کنید
مجموعه JS به شما اجازه می‌دهد تا برنامه‌های اندروید و iOS مطابق با معاهده Cordova PhoneGap توسعه و گسترش دهید.
این مجموعه همچنین تکنولوژی‌های مفید زیادی مانند کمک‌کننده‌ها، رویدادها و قالب‌های پیش‌فرض را در اختیار مشتری قرار می‌دهد.
شما می‌توانید با مجموعه Meteor و با استفاده از Cordova اپلیکیشن‌های تحت وب را به اپلیکیشن‌های گوشی‌های هوشمند تبدیل کنید.
این مجموعه می‌تواند درصورتی‌که تغییری در داده‌های مرکز داده ایجاد شود، به‌صورت خودکار به‌روزرسانی شود.
Meteor.js به شما اجازه می‌دهد به‌صورت مستقیم به مرکز داده دسترسی داشته باشید؛ بنابراین نیازی به بارگذاری بقیه داده‌ها ندارید.
این مجموعه دارای یک پلتفرم پربازده ابری شکل به نام کهکشان است که می‌تواند برای مشاهده تقاضاهای مشتریان بسیار مفید واقع شود.
وابستگی به سرور برای آپدیت برنامه در این مجموعه به پایان می‌رسد؛ چراکه مجموعه بلافاصله بدون دخالت مشتری به‌روزرسانی می‌شود.

مدل برنامه نویسی Inbuilt Reactive

مدل برنامه نویسی Reactive برای اپلیکیشن های وب real-time ضروریست. این مدل رویکرد مناسب برای مدیریت اطلاعاتی که در لحظه تغییر میکنند رو داره (تغییرات client side یا back-end side). یکی از بهترین مثال ها برای درک این موضوع لایک فیسبوک و سیستم کامنت هاست.

به محض اینکه تصویری رو دوست داشتید و لایک زدید توی دیتابیس ثبت میشه. با Meteor نیازی به نگرانی در این مدل ندارید. همه چیز آمادست, کافیه استفاده کنید.

نصب و راه اندازی فریم ورک Meteor

برای نصب فریمورک Meteor از طریق لینک به برید و اون رو دانلود کنید. اگر شما از Mac استفاده میکنید. اینکار سادست کافیه دستور زیر رو بزنید :

curl https://install.meteor.com/ | sh

1	curl https://install.meteor.com/ \| sh

این دستور براتون Meteor رو دانلود و نصب میکنه.

حتما بخوانید : فیلم آموزش جاوا اسکریپت به زبان فارسی

پروژه نمونه Meteor

شما باید از طریق کامند به Meteor دسترسی پیدا کنید. کافیه meteor رو تایپ کنید و لیستی از کامندهای موجود رو براتون میاره. حالا با استفاده از دستور زیر یک پروژه ساده بسازید :

meteor create myApp

1	meteor create myApp

وقتی تمام شد, به فولدر myApp برید و meteor رو تایپ کنید. شما باید صفحه ای شبیه زیر ببینید :

فریمورک Meteor چیست؟

در مرورگر آدرس localhost:۳۰۰۰ رو باز کنید تا اپلیکیشن رو مشاهده کنید :

فریمورک Meteor چیست؟

درک کدهای Meteor

در هر پروژه Node.js, نقطه شروع کدنویسی فایل سرور هست, سپس مسیرها و اینکه روی مسیرها چه چیزی اعمال بشه و درنهایت تحویل فایل های ساتاتیک به کلاینت. Meteor هم از رویکرد مشابهی استفاده میکنه اما در یک مسیر فشرده تر. Meteor سه فایل برای این پروژه ساده میسازه :

//myApp.js

if (Meteor.isClient) {

  // counter starts at 0

  Session.setDefault('counter', 0);



  Template.hello.helpers({

    counter: function () {

      return Session.get('counter');

    }

  });



  Template.hello.events({

    'click button': function () {

      // increment the counter when button is clicked

      Session.set('counter', Session.get('counter') + 1);

    }

  });

}



if (Meteor.isServer) {

  Meteor.startup(function () {

    // code to run on server at startup

  });

}

//myApp.js

if (Meteor.isClient) {

// counter starts at 0

Session.setDefault('counter', 0);

Template.hello.helpers({

counter: function () {

return Session.get('counter');

}

});

Template.hello.events({

'click button': function () {

// increment the counter when button is clicked

Session.set('counter', Session.get('counter') + 1);

}

});

}

if (Meteor.isServer) {

Meteor.startup(function () {

// code to run on server at startup

});

}

این رو بعنوان فایل سرور برای اپلیکیشن node.js در نظر بگیرید. بلاک کد isClient و isServer تمایز بین کلاینت و سرور هست. کد قالب ها بشکل زیر هست :

//myApp.html

<head>

  <title>myApp</title>

</head>



<body>

  <h1>Welcome to Meteor!</h1>



  {{> hello}}

</body>



<template name="hello">

  <button>Click Me</button>

  <p>You've pressed the button {{counter}} times.</p>

</template>

//myApp.html

<head>

<title>myApp</title>

</head>

<body>

<h1>Welcome to Meteor!</h1>

</body>

<button>Click Me</button>

<p>You've pressed the button {{counter}} times.</p>

</template>

Meteor قالب هایی رو تعریف میکنه که میتونند توسط کلاینت یا سرور قابل دسترس باشند. در سمت کلاینت <template> تگ هست و در سرور شما میتونید از Template.template_name استفاده کنید. در سمت کلاینت شما میتونید قالب ها رو به BODY بخش html توسط تگ زیر استفاده کنید :

{{> template name}}

1	{{> template name}}

Helper ها بسیار شبیه Angular $scope هست و میتونند با استفاده از تگ {{ helper name }} در سمت کلاینت استفاده بشوند و برای سرور هم Template.templatename.helper. منبع

همچنین جهت یادگیری Meteor می توانید از این لینک استفاده کنید.

5/5 - (1 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

نظرات

صابر بوستانی

داستان من با دنیای برنامه‌ نویسی آغاز شد، و در ادامه به عنوان یک توسعه‌ دهنده نرم‌ افزار، طراح وب سایت و متخصص سئو، مهارت ‌های تکنیکی و تحلیلی خودم رو پرورش دادم. علاقه م به دنیای مالی منو به سمت یادگیری ترید و معامله‌گری سوق داد. و در حال حاضر در برنامه نویسی و معامله گری ارز دیجیتال انجام میدم. از سال 96 سعی کردم معامله گری در کریپتو رو یاد بگیرم. ترید و معامله گری برام پر از چالش و شکست‌ های متعدد بود. اما هر شکست، درسی ارزشمند برام داشت و من رو به یک تریدر و معامله گر قوی‌ تر و هوشمندتر تبدیل کرد. با پشتکار و یادگیری مداوم، تونستم به موفقیت‌های قابل توجهی دست یابم و به معامله گری موفق تبدیل بشم. در اینجا بزرگترین تجربیات و مهمترین دانش خودم رو در اختیار شما قرار میدم تا در مدت زمان کوتاه تر و شکست های کمتر در این مسیر به موفقیت برسید.

پکیج آموزش سی شارپ | مختص ورود به بازار کار + آموزش ساخت بازی Quiz of King

منبع : سورس باران
رمز فايل : www.sourcebaran.com
انتشار: ۲۹ شهریور ۱۳۹۹

فریم ورک Meteor چیست؟

فریم ورک Meteor چیست؟

چرا فریم ورک Meteor ؟

حمل موارد بیشتر با کد کمتر

ساخت برنامه برای هر دستگاه

ادغام تکنولوژی هایی که قبلا استفاده کرده اید

ویژگی های Meteor.JS

مدل برنامه نویسی Inbuilt Reactive

نصب و راه اندازی فریم ورک Meteor

پروژه نمونه Meteor

درک کدهای Meteor

صابر بوستانی

دسته بندی موضوعات

آخرین محصولات فروشگاه

نظرات

بازخوردهای خود را برای ما ارسال کنید

لغو پاسخ

مطالب مرتبط