【求关注】Nodejs相关：关注Meteor或使用Meteor的来看

哈喽大家好，已经很久没有在论坛里面发消息或者浏览了。每天都是信息亮满满的，看到有这么多人参与到Node.js的学习和开发中，心里感觉特别的荣耀。但是一直一来在公司工作繁忙，脱不开身，无暇与大家交流互动。

我现在在公司主要负责Meteor的项目开发，有时候在想，国内有多少人跟我一样也在做Meteor的开发呢？所以一直想建立一个群，或者加入一个群。我在Meteor中已经有一些经验了，也希望与其他有经验的朋友分享交流。

不知道有多少人在使用**Meteor**的，很多的话咱们就来建立一个群互动一下吧。

zlyuanteng 1楼

【求关注】Nodejs相关：关注Meteor或使用Meteor的来看

哈喽大家好，已经很久没有在论坛里面发消息或者浏览了。每天都是信息满满，看到有这么多人参与到Node.js的学习和开发中，心里感觉特别的荣耀。但是一直以来在公司工作繁忙，脱不开身，无暇与大家交流互动。

不知道有多少人在使用**Meteor**的，很多的话咱们就来建立一个群互动一下吧。

Meteor 简介

Meteor 是一个用于构建现代 Web 和移动应用程序的平台，它结合了前端和后端的技术，提供了实时数据同步、自动重新加载等功能。Meteor 使用 JavaScript 作为主要语言，并且支持多种前端框架（如 React、Vue、Angular）和后端数据库（如 MongoDB）。

示例代码

以下是一个简单的 Meteor 应用程序示例，展示如何创建一个基本的应用程序并实现数据的实时更新。

安装 Meteor 首先，你需要安装 Meteor，可以使用 npm 进行全局安装：
```
npm install -g meteor
```
创建一个新的 Meteor 应用程序
```
meteor create myapp
cd myapp
```
添加一个数据库 默认情况下，Meteor 使用 MongoDB 作为数据库。你可以通过以下命令添加 MongoDB 支持：
```
meteor add mongo
```

创建一个集合 在 server 目录下创建一个文件 mycollection.js，定义一个集合：

import { Mongo } from 'meteor/mongo';

export const MyCollection = new Mongo.Collection('mycollection');

创建一个简单的 API 在 server 目录下创建一个文件 api.js，定义一个简单的 API 来操作集合中的数据：

import { MyCollection } from './mycollection';

Meteor.methods({
  'mycollection.insert'(data) {
    if (!this.userId) {
      throw new Meteor.Error('not-authorized');
    }
    MyCollection.insert(data);
  },
  'mycollection.find'() {
    return MyCollection.find().fetch();
  }
});

创建一个简单的前端界面 在 client 目录下创建一个文件 main.html，定义一个简单的 HTML 页面：

<head>
  <title>My App</title>
</head>

<body>
  <h1>Welcome to My App</h1>
  <div id="data"></div>
</body>

<template name="myApp">
  <input type="text" id="inputData" placeholder="Enter data">
  <button id="submit">Submit</button>
  <ul>
    {{#each data}}
      <li>{{this}}</li>
    {{/each}}
  </ul>
</template>

编写前端逻辑 在 client 目录下创建一个文件 main.js，编写前端逻辑来处理用户输入和数据显示：

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import { MyCollection } from '../server/mycollection';

Template.myApp.onCreated(function () {
  this.data = new ReactiveVar([]);
});

Template.myApp.helpers({
  data() {
    return Template.instance().data.get();
  }
});

Template.myApp.events({
  'click #submit'(event, instance) {
    const data = document.getElementById('inputData').value;
    Meteor.call('mycollection.insert', { data }, (error, result) => {
      if (error) {
        console.error(error);
      } else {
        instance.data.set(MyCollection.find().fetch());
      }
    });
  }
});

以上就是创建一个简单的 Meteor 应用程序的基本步骤。如果你有兴趣，欢迎加入我们的群，一起探讨更多关于 Meteor 的技术细节和实践经验！

希望这篇帖子能帮助到正在使用 Meteor 的朋友们！

wuwangju 2楼

vueper 3楼

哈哈，我是通过Meteor认识Node.js的，咱也支持下。。：)

h691938207 4楼

准备了解Meteor，目前angularjs用的挺爽。

eggper 5楼

喜欢Node更喜欢Meteor，可以用Meteor写一个小社区，让Meteor的爱好者一起交流

wuwangju 6楼

好的，我准备马上建立一个群

sinazl 7楼

建好了没啊

caililin 8楼

如果有认识做meteor，欢迎带过来

gougou168 9楼

sinazl 10楼

目前meteor对搜索引擎不友好，做后台还行

zlyuanteng 11楼

Meteor党路过

eggper 12楼

看来国内Meteor社区不是很热闹啊。凑个数 +1

ionicwang 13楼

http://d0cs.meteor.com/ 当时组织网友们翻译的文档

wuwangju 14楼

曾经爱过meteor

songsunli 15楼

+1 首先就是接触的meteor 然后才来用node 的

yibo5220 16楼

看过几遍meteor 文档，设计思路挺棒，不过需要造很多轮子啊

caililin 17楼

能搞个微信群么，都不怎么用qq了

caililin 18楼

因为某些原因，现在Meteor不搞了

sinazl 19楼

meteor有什么优点？

gougou168 20楼

itying888 21楼

非常高兴看到还有人在关注和使用 Meteor 这个框架。Meteor 是一个用于构建现代 Web 和移动应用程序的全栈 JavaScript 平台。它能够让你用同一种语言（JavaScript）来编写客户端、服务器端以及数据库逻辑。如果你正在寻找志同道合的人进行交流，建立一个群组是一个非常好的想法。

如何加入群组

加入Meteor社区
- 你可以访问 Meteor 官方论坛。
- 在这个论坛上，你可以找到其他使用 Meteor 的开发者，他们可能会对你的群组感兴趣。
加入Slack频道
- 加入 Meteor Slack 频道。
- 在这里你可以直接与其他开发者进行实时交流。

示例代码

如果你想展示你在 Meteor 中的经验，可以提供一些简单的代码示例。以下是一个简单的 Meteor 应用程序的示例，包括客户端和服务端的代码。

服务端代码 (server/main.js)

import { Meteor } from 'meteor/meteor';
import { Tasks } from '../both/collections/tasks.collection';

Meteor.startup(() => {
  // 服务器启动后执行的初始化操作
  if (Tasks.find().count() === 0) {
    Tasks.insert({ text: '这是第一个任务' });
  }
});

客户端代码 (client/main.js)

import { Meteor } from 'meteor/meteor';
import { Tasks } from '../both/collections/tasks.collection';

Meteor.subscribe('tasks');

Template.tasksList.helpers({
  tasks() {
    return Tasks.find({});
  },
});

Template.taskForm.events({
  'submit form'(event) {
    event.preventDefault();
    const target = event.target;
    const text = target.text.value;
    Meteor.call('tasks.insert', text);
    target.text.value = '';
  },
});

模板文件 (client/tasks_list.html)

<template name="tasksList">
  <ul>
    {{#each tasks}}
      <li>{{this.text}}</li>
    {{/each}}
  </ul>
  <form class="taskForm">
    <input type="text" name="text" placeholder="添加新任务">
    <button type="submit">添加</button>
  </form>
</template>

希望这些代码示例对你有所帮助，也希望能找到更多志同道合的伙伴一起交流。