Meteor 和 React Native - 文件集合访问

Question

我不久前在 FilesCollection Github Repo 上发布了这个问题（https://github.com/veliovgroup/Meteor -Files），但我希望能在这里联系到任何熟悉 Meteor 和 React Native 的人。

我的问题是，我不确定如何将 FilesCollection 与 React Native (RN) 和 Meteor 一起使用。

我使用官方 Meteor 指南来设置 RN 应用程序： https://guide.meteor.com /react-native.html

所以我可以访问 @meteorrn/core 但现在我怎么可能访问 FileCollection。

通常你会这样做（在非 RN Web 应用程序上）：

import { FilesCollection } from "meteor/ostrio:files";
export const ImageDB = new FilesCollection(chosenSettings);

其中 chosenSettings 是一些设置可能是例如

const chosenSettings = {
  collectionName: "Images",
  allowClientCode: false,
  onBeforeUpload(file) {
    if (file.size <= 10485760 && /png|jpg|jpeg/i.test(file.extension)) {
      return true;
    }
    return "Please upload image, with size equal or less than 10MB";
  },
  storagePath: `${process.env.PWD}/images`,
};

但是，使用 RN 无法访问 FilesCollection来自 meteor/ostrio:files 因为我在这里没有任何流星关系

对于其他集合，我可以使用来自 @meteorrn/core 的 Mongo.Collection >,但这对于 FilesCollection 来说是不可能的：

const collection = new Mongo.Collection("myCollection");

有什么建议吗？

Answer 1

不存在“开箱即用”的解决方案，因为 RN 客户端上没有可用的 FilesCollection。但是，您可以使用 Meteor 方法创建解决方法策略。

1. 为 FilesCollection 的基础集合创建一个发布：

服务器

Meteor.publish('imagesForRN', function () {
  return ImageDB.collection.find({}) // note the Mongo.collection is accessible here
})

2. 创建一个解析链接的方法：

服务器

Meteor.methods({
  resolveRNLinks ({ ids }) {
    return ImageDB.collection
      .find({ _id: { $in: ids}})
      .map(linkImage);
  }
})

const linkImage = function (fileRef) {
  const url = Images.link(fileRef, 'original', Meteor.absoluteUrl())
  return { _id: fileRef._id, url }
}

3. 获取订阅文档的 URL

这假设您已订阅了图像集合，如图所示在指南中。

客户端

import Meteor from '@meteorrn/core'

const MyComponent = props => {
  const { loading, myTodoTasks } = this.props;

  useEffect(() => {
    const ids = myTodoTasks.map(doc => doc._id)
    // note, you should filter those ids, which you have already
    // resolved so you only call for the new ones
    Meteor.call('resolveRNLinks', { ids }, (err, urls) => {
      // store urls in state or ref, depending on your usecase
    })
  })
}

资源

• https://github.com/TheRealNate/meteor-react -native
• https://github.com/veliovgroup/Meteor-Files/blob/master/docs/collection.md
• https://github.com/veliovgroup/Meteor-Files/blob/master/docs/link.md