如何将数据从 Meteor 应用程序发送到嵌入式小部件？

Question

我正在尝试构建一个 Meteor 应用程序，它允许用户在他们的网站上嵌入一个小部件，但我在使用小部件部分时遇到了问题。

用户可以在他们的网站上嵌入以下代码：

<div id="example-widget" data-widgetid="SOME WIDGET ID"></div>
<script src="http://localhost:3000/lib/connect.js" async></script>

在 connect.js 文件中，我使用 Meteor 方法从 server/database 获取了所需的小部件数据，但我不确定如何将该数据装载到 div用户网站上的元素...

这是我的 configure.js 文件：

if (Meteor.isClient) {
    const data = A METEOR METHOD WHICH GETS WIDGET DATA FROM DATABASE;
    const element = document.getElementById('example-widget');
    // I'd like to somehow mount the 'data' to the 'element'
}

元素变量 returns 为 null - 我假设是因为 'document' 指的是我自己的应用程序，而不是插入 div 的用户网站...

如果它很明显，我不会感到惊讶，但我似乎无法理解...

TIA

Answer 1

万一有人感兴趣 - 在试用该应用程序后，我所要做的就是将 .js 文件移动到 'public' 文件夹中并删除 "if (Meteor.isClient)" 位。

Answer 2

这是我的做法。

在server.js，

通过 nimble:restivus 公开 API 端点，然后在客户端小部件中通过 fetch 使用 API .

Api.addRoute('code/', {
  authRequired: false
}, {
  get() {
    return Orders.findOne({});
  }
});

如何将数据从 Meteor 应用程序发送到嵌入式小部件？

How to send data from Meteor app to an embedded widget?

javascript

widget

node.js

meteor