Instalasi

instalasi meteorjs di linux sangat mudah, cukup dengan:

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

di windows, anda bisa download file exe, disini https://github.com/sdarnell/meteor/wiki/Windows

install editor dengan memakai webstorm, saya suggest aja sih. kalau anda pengin crack nya bisa pm ke saya.

 

Create Project

Misalkan kita coba create project dengan nama wall. dengan ketik :

"meteor create wall"

saya coba dengan nama wall, masuk ke direktory wall "cd wall" kemudian  "meteor" done anda sudah bisa coba.

 

Client dan Server

memisahkan client dan server, anda perlu buat 2 direktory lagi dengan name client dan server di dalam folder project_anda misalkan wall. kemudian buat index.html dan style.css

 

Penambahan Modul

Kita akan tambahkan modul bootstrap ke dalam aplikasi kita,

meteor add bootstrap 
meteor add accounts-password 
meteor add accounts-ui

masih di folder client, edit client/style.css :

body { padding-top: 60px; }

 

edit client/html.index : 

<head>
<title>Meteor on Nitrous</title>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> </button>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<h1>Login to continue</h1>
<p> {{> loginButtons}} </p>
<p> {{#if currentUser}} You are now logged in. {{/if}} </p>
</div>
</body>

Catatan: ada format templating {{> loginButtons}}

untuk mendeploy aplikasi ini, tinggal jalankan di console :

meteor deploy wall.sintret.com

 

Spesial Direktori

/client : Semua file dalam direktori ini untuk client. bagus untuk memisahkan antara html dan css

/server : Semua file dalam direktori ini untuk server dan tidak bisa dibuka oleh client. gunakan direktori ini untuk memisahkan logic dan ui disini.

/public : Semua file dalam direktori ini dibagi untuk umum. gunakan direktori ini untuk penyimpanan image, sehingga css juga memakai direktori ini juga kalau ada butuh file image atau background image

/private : Semua file dalam direktori ini 

 

Membangun meteor di mobile apps

Membuat aplikasi untuk android atau ios dengan menggunakan meteor sangat mudah, hanya butuh beberapa baris code saja.

Install mobile sdk :

meteor install-sdk android # for Android

meteor install-sdk ios # for iOS

Penambahan platform di mobile anda :

meteor add-platform android # for Android

meteor add-platform ios # for iOS

Jalankan di simulator : 

meteor run android # for Android

meteor run ios # for iOS

Menjalankan di device : 

meteor run android-device # for

Android meteor run ios-device # for iOS

Konfigurasi icon app dan metadata :

Anda dapat melakukan konfigurasi icon, title, version, splash screen dan metadata lain dengan menggunakan data spasial di file  mobile-config.js file.

 

 

 

Leave a Comment:



digital_ocean