如何將數據從 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 方法從服務器/數據庫獲取所需的小部件數據，但我不確定如何將該數據掛載到用戶網站上的 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'
}

元素變量返回 null - 我假設因為“文檔”指的是我自己的應用程序，而不是插入 div 的用戶網站...

如果這是非常明顯的事情，我不會感到驚訝，但我似乎無法理解......

TIA

Answer 1

這是我的做法。

在 server.js 中，

通過 nimble :restivus暴露 API 端點，然后通過客戶端小部件中的fetch使用 API。

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

Answer 2

萬一有人感興趣 - 在玩過這個應用程序之后，我所要做的就是將 .js 文件移動到“公共”文件夾並去掉“if (Meteor.isClient)”位。