Skip to content

A simple plugin to connect an external Vue app to Meteor's realtime DDP system

Notifications You must be signed in to change notification settings

chris-visser/vue-simpleddp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue SimpleDDP

A simple plugin that uses SimpleDDP to connect an external Vue app to Meteor's DDP system.

Getting Started

Install the package:

npm install vue-simpleddp

Initialize the plugin in your Vue app like below:

import Vue from 'vue';
import VueDDP from 'vue-simpleddp';

Vue.use(VueDDP);

Subscribe to data from one of your components like the example below:

  export default {
    components: {
      Logo,
    },

    data() {
      return {
        articles: [],
      };
    },


    created() {
      (async () => {
        await this.$subscribe('articles').catch(console.error);

        this.articles = await this.find('articles');
      })();
    },
  };

Options

You can pass additional options to the plugin to for example specify the endpoint. These options are passed down to the simpleddp package.

Vue.use(VueDDP, {
  endpoint: 'ws://localhost:3030/websocket',
});

Below are some example options.

Option Default Value Description
endpoint ws://localhost:3030/websocket The link to the DDP websocket endpoint (In Meteor its usually ws://{host}/websocket)
ws ws A constructor for the websocket library. vue-simpleddp uses isomorphic-ws by default to make it work on client and serverside
reconnectInterval 5000 The interval in which it tries to reconnect when disconnected from the server

About

A simple plugin to connect an external Vue app to Meteor's realtime DDP system

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published