Meteor framework: รวมคำสั่งจัดการ Package ให้เว็บแอพ

Meteor Framework มีคำสั่งไว้ใช้จัดการโปรเจคเว็บแอพผ่านโปรแกรม Command Line มากมาย แต่หนึ่งในคำสั่งที่เราจะใช้กันบ่อยๆ ก็คือ คำสั่งในการจัดการส่วนเสริม (Package) นั่นเองครับ

เนื้อหานี้ใช้ได้ทั้ง Windows และ Mac OS X นะ

กลุ่มคำสั่งในการทำงานกับ Meteor Package

• meteor search
• meteor add <ชื่อแพคเกจ>
• meteor list

1. ดูรายการ package ไม่ต้องเปิดเว็บ

meteor search

แน่นอนว่า Atmosphere เป็นเว็บแอพที่รวมรวม package ต่างๆ ของ Meteor framework ให้เราเลือกใช้กัน แต่หลายๆ ครั้ง เราก็ไม่ได้ต้องการดูรายละเอียดมากมาย แค่อยากค้นหารายชื่อของ Meteor Package และเลือกใช้ก็พอ

สามารถสั่ง meteor search .  เพื่อขอดูรายการ Package ทั้งหมด หรือ meteor search  และตามด้วยคำที่ต้องการ

เช่นถ้าโค้ชพลต้องการค้นหา Meteor Package เกี่ยวกับ Facebook ก็จะพิมพ์ว่า

meteor search facebook

ซึ่งก็จะได้รายการ Meteor Package ขึ้นมาดังนี้

Teerasejs-MacBook-Air:NextflowMyTweet teerasej$ meteor search facebook
Matching packages:                            
3forcom:accounts-facebook2               Login service for Facebook accounts
3forcom:facebook2                        Facebook OAuth flow
accounts-facebook                        Login service for Facebook accounts
biasport:facebook-sdk                    Facebook SDK packaged for Meteor
borges:facebook-sdk                      Facebook SDK packaged for Meteor
btafel:accounts-facebook-cordova         Login service for Facebook (2.4) acc...
creativeflume:accounts-facebook          Login service for Facebook accounts
creativeflume:facebook                   Facebook OAuth flow
daishi:facebook-server-api               Facebook Graph API on server side only
dcsan:facebook-sdk                       Facebook SDK packaged for Meteor
dropz:facebook-fake                      A fake for use in testing. Fakes the...
facebook                                 Facebook OAuth flow
jambo:angular-facebook                   An Angularjs module to take approach...
jasperlu:accounts-facebook-ddp           Login service for Facebook accounts
jasperlu:facebook-ddp                    Facebook OAuth flow to include mobil...
jdrorrer:facebook-sdk                    Facebook SDK packaged for Meteor
keyvan:asteroid-facebook-connect         Meteor package providing support for...
maxkferg:facebook-collections            Expose the facebook-graph as a set o...
mrt:accounts-facebook-cordova            Login service for Facebook accounts ...
mrt:facebook-sdk                         Facebook SDK packaged for Meteor
pete:facebook-fake                       A fake for use in testing. Fakes the...
planettraining:accounts-facebook         Login service for Facebook accounts
planettraining:facebook-no-ui-conf       Facebook OAuth flow without conf ui
premosystems:facebookservermethods       A collection of Facebook functions e...
qimingfang:pkgcloud-facebook-photos      Service to copy meteor user Facebook...
sewdn:facebook-connect                   Facebook Connect package to connect ...
timbroddin:facebook-node-sdk             Facebook SDK API
trinisofttechnologies:accounts-facebook  Login with facebook using cordova na...

2. คำสั่งเพิ่ม Meteor Package เข้าโปรเจค

เมื่อได้ชื่อ Package ที่ต้องการแล้ว ก็สามารถระบุชื่อลงไปในคำสั่งติดตั้งได้ทันที เช่น ตัว Meteor Package ที่โค้ชพลจะเอามาใช้คือ accounts-facebook

ก็จะใช้คำสั่งตามด้านล่างนี่

meteor add accounts-facebook

จากนั้นกดปุ่ม enter เพื่อเริ่มการติดตั้ง (ต้องต่ออินเตอร์เน็ตด้วยนะ)

เมื่อเสร็จเรียบร้อยก็น่าจะขึ้นคล้ายๆ ของโค้ชพล

Teerasejs-MacBook-Air:NextflowMyTweet teerasej$ meteor add accounts-facebook
                                              
Changes to your project's package version selections:
                                              
accounts-base          added, version 1.2.2   
accounts-facebook      added, version 1.0.6
accounts-oauth         added, version 1.1.8
ddp-rate-limiter       added, version 1.0.0
facebook               added, version 1.2.2
localstorage           added, version 1.0.5
oauth                  added, version 1.1.6
oauth2                 added, version 1.1.5
rate-limit             added, version 1.0.0
service-configuration  added, version 1.0.5

                                              
accounts-facebook: Login service for Facebook accounts
Teerasejs-MacBook-Air:NextflowMyTweet teerasej$ 

 

3. ดูรายชื่อ Meteor Package ของเว็บแอพ

เมื่อเราเริ่มทำโปรเจคไปเรื่อยๆ บางทีอาจจะเริ่มเบลอๆ “เออ โปรเจคเรามี package อะไรมั่งหว่า?” แบบโค้ชพล

คำสั่งที่ 3 คือคำสั่งในการเรียกดู Meteor Package ทั้งหมดของโปรเจคเรา นั่นก็คือ

meteor list

จากนั้นเราก็จะเห็นรายการของ Meteor Package ขึ้นในโปรแกรม Command Line ครับ

Teerasejs-MacBook-Air:NextflowMyTweet teerasej$ meteor list
accounts-facebook     1.0.6  Login service for Facebook accounts
autopublish           1.0.4  (For prototyping only) Publish the entire database to all clients
blaze-html-templates  1.0.1  Compile HTML templates into reactive UI with Meteor Blaze
ecmascript            0.1.6  Compiler plugin that supports ES2015+ in all .js files
es5-shim              4.1.14  Shims and polyfills to improve ECMAScript 5 support
insecure              1.0.4  (For prototyping only) Allow all database writes from the client
jquery                1.11.4  Manipulate the DOM using CSS selectors
meteor-base           1.0.1  Packages that every Meteor app needs
mobile-experience     1.0.1  Packages for a great mobile user experience
mongo                 1.1.3  Adaptor for using MongoDB and Minimongo over DDP
session               1.1.1  Session variable
standard-minifiers    1.0.2  Standard minifiers used with Meteor apps by default.
tracker               1.0.9  Dependency tracker to allow reactive callbacks

สรุปเทคนิคใช้ Meteor Framework วันนี้

สำหรับมือใหม่แล้ว Meteor Package อาจจะดูท้าทายในการใช้งาน แต่ไม่ต้องห่วง ถ้าเราเข้าใจหน้าที่ของมันอย่างถูกต้อง เราจะชินกับมันได้ไม่ยากเลยครับ

สนใจมาอบรมเรียนทำ Real-time Web App ด้วย Meteor framework หรือเรียนทำแอพ iOS และ Android ด้วย Angular และ Ionic framework ดูรายละเอียดด้านล่างได้เลย