meteor.js入門


關於Meteor的中文資料太少(這裏有個列表),不少很簡略,都靠不住啊,仍是本身動手吧,本書的環境爲centoscss

建立一個meteor工程,有兩種方式:html

1.採用meteor前端

2.採用meteorite(一個用來管理meteor模塊的軟件,相似node的npm,軟件做者就是《discover meteor》這本書的做者之一)node


meteor的功能meteorite(meteorite主要用於模塊管理)都有,把meteor換成mrt就能夠實現同樣的功能,因此我主要講講怎麼用meteor建立。注意,本文各項操做默認是root用戶,若是不是root用戶的話,須要在某些指令前面加上sudo。mongodb

首先先須要安裝node,這一步略過。npm


1.安裝meteor:centos

curl https://install.meteor.com | /bin/sh瀏覽器

2.建立app,假設名字爲myapp:app

meteor create myappcurl

進到myapp目錄會發現目錄下面有三個文件:chatapp.css  chatapp.html  chatapp.js,chatapp.html即要顯示的html文件,內容以下:

<head>
  <title>chatapp</title>
</head>
<body>
  {{> hello}}
</body>
<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />
</template>

加上點本身的標記吧,好比把標題改爲Goodmorning之類的。

3.運行,在myapp目錄下執行:

meteor

這時候,訪問你的主機好比你的域名是www.myapp.com,那麼在瀏覽器輸入http://www.myapp.com:3000就能夠查看myapp的效果了。

注意,這時候meteor並無和mongodb進行數據綁定,接下來咱們要安裝mongodb。

先停掉meteor,而後按照這個連接的教程安裝好mongodb:

注意,第一次啓動mongodb要初始化,這段時間比較長。


4. 打包myapp工程:

cd myapp
meteor bundle ../bundle.tgz
cd ..
tar -zxvf bundle.tgz

打包的時間略長,請不要着急,執行完上述命令以後myapp的上一級目錄裏就出現了一個bundle目錄,這個目錄裏有一個main.js,這個就是主文件。


5. 運行咱們的工程,在myapp的上一級目錄裏執行:

PORT=3000 MONGO_URL=mongodb://localhost:27017/chatapp ROOT_URL=http://www.myapp.com node bundle/main.js

使用瀏覽器訪問http://www.myapp.com:3000,看看效果,若是一切正常,是能夠看到咱們的頁面的:


6. 讓咱們的網站後臺運行就少不了forever,安裝forever:

npm install forever -g


7. 後臺運行咱們的網站:

PORT=3000 MONGO_URL=mongodb://localhost:27017/chatapp ROOT_URL=http://www.myapp.com forever start bundle/main.js


ok,如今建立並運行meteor工程已經成功了,接下來我會將怎樣實現從前端到後臺的數據綁定。

相關文章
相關標籤/搜索