React Native:如何解析ics / ical文件

时间:2017-10-08 18:41:57

标签: javascript node.js react-native

解析ics / ics文件的最佳方法是什么?我把它全部放在一个字符串中,但是我找不到与RN兼容的包或库。所有常规的JS或Node都会丢失有关FS包的错误。我正在从URL中读取它并将其全部存储在内存中,因此我甚至不需要文件系统访问。

2 个答案:

答案 0 :(得分:2)

我无法找到任何此类模块。以下是我用来解决此问题的基本代码:

var request = new XMLHttpRequest();
    request.open(
      "GET",
      "https://calendar.google.com/calendar/ical/en.usa%23holiday%40group.v.calendar.google.com/public/basic.ics",
      true
    );
    request.send(null);
    request.onreadystatechange = function() {
      if (request.readyState === 4 && request.status === 200) {
        var type = request.getResponseHeader("Content-Type");
        if (type.indexOf("text") !== 1) {
          var lines = request.responseText.split("\n");
          var events = {}
          var events_i = 0;
          for (i = 0; i < lines.length; i++) {
            if (lines[i].includes('DTSTART')) {
              var date = lines[i].split(":");
              events[events_i] = {date: date[1]};
            }
            else if (lines[i].includes('SUMMARY')) {
              var title = lines[i].split(":");
              events[events_i]["title"] = title[1];
            }
            else if (lines[i].includes('END:VEVENT')) {
              events_i++;
            }
          }
          console.log(events);
        }
      }
    };

答案 1 :(得分:0)

任何想在2019年以上找到该问题的答案的人,我已经编写了一个npm模块来解决此问题!您可以找到它here! (https://github.com/Christop406/ical-parser)。

或者,如果您很懒,只需运行npm i cal-parser ical-parser)。

您可以像这样使用它:

const ical = require('cal-parser');

var parsedCal = ical.parseString(MY_ICAL_STRING);

console.log(parsedCal.calendarData); // for calendar metadata
console.log(parsedCal.events);       // for calendar events

解析愉快!