Meteorjs 处理从服务器到客户端的抓取数据 returns 未定义

Question

我正在尝试为我的 Meteor + React 应用实现 url 预览，当用户在文本区域中粘贴 url 时，他们将获得 url.我计划通过使用几个 npm 模块来实现这一点，即：

url-regex，以及
open-graph-scraper

我知道为了避免任何 CORS 问题，请求应该在服务器端完成。所以我目前设置了这个：

//在客户端

import urlRegex from 'url-regex';
const onTextareaChange = e => {
    let value = e.target.value;
    let testURL = urlRegex().test(value) //returns true if url exists in textarea
    console.log(testURL);
    if(testURL){
        let extractURL = value.match(urlRegex()) //extract the url
        extractURL.map(url =>{
            console.log(url)
            Meteor.call('scrapeURL',{url}, function (result){
                 console.log(result)         
            })

        })
    }
    /* console.log(e.target.value) */
    setTextarea(e.target.value)
 }

//在服务器上

import ogs from 'open-graph-scraper';
/* 24. scrapeURL */
'scrapeURL' ({url}){
  new SimpleSchema({
    url : { type  : String }
  }).validate({url})
  if(!Meteor.userId){
    throw new Meteor.Error('not-authorised!')
  } else {
    let options = { 'url': url };
      ogs(options)
        .then(function (result) {
          console.log('result:', result);
          return result;
        })
        .catch(function (error) {
          console.log('error:', error);
        });
  }
}

这里的问题是，当我尝试 console.log 服务器上的 results 时，抓取的数据显示在服务器控制台中。但是当我尝试 return 从服务器到客户端的 results 时，客户端上的 console.log 显示 undefined.

我不知道代码有什么问题。

Answer 1

您的 scrapeUrl 函数没有 return 任何数据（您只描述了 .then() 函数将 return 的内容），您应该这样尝试：

import ogs from 'open-graph-scraper';
/* 24. scrapeURL */
'scrapeURL' ({url}){
  new SimpleSchema({
    url : { type  : String }
  }).validate({url})
  if(!Meteor.userId){
    throw new Meteor.Error('not-authorised!')
  } else {
    let options = { 'url': url };

    // here return the full promise : 
    return ogs(options)
        .then(function (result) {
          console.log('result:', result);
          return result;
        })
        .catch(function (error) {
          console.log('error:', error);
          // probably here a need to tell the client that there was an error
          //throw new Meteor.Error(error);
        });
  }
}

这里有一篇关于在 Meteor 中使用 promises 的好文章： https://blog.meteor.com/using-promises-and-async-await-in-meteor-8f6f4a04f998

Meteorjs 处理从服务器到客户端的抓取数据 returns 未定义

Meteorjs handle scraped data from server to client returns undefined

javascript

web-scraping

meteor

reactjs