使用ShareJS進行跨域請求

Question

我正在嘗試為DokuWiki開發一個插件 ，該插件將支持Wiki頁面的實時協作編輯。 我正在使用Node.js和ShareJS來執行此操作，但是由於這是我第一次使用它們，因此遇到了一些麻煩。

我走到這一步，是基於這個和這個頁面。

ShareJS服務器-http：// localhost：3000

var express = require('express');
var app = express();

app.use(function(req, res, next) {
    res.header('Access-Control-Allow-Origin', 'http://localhost:3000');
    res.header('Access-Control-Allow-Methods', 'GET, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
    res.header('Access-Control-Allow-Credentials', true);
    return next();
});

// public folder to store assets
app.use(express.static(__dirname + '/public'));

// get sharejs dependencies
var sharejs = require('share');
require('redis');

// options for sharejs 
var options = {
    db: {type: 'redis'},
    browserChannel: { cors: "http://localhost/dokuwiki/" },
};

// attach the express server to sharejs
sharejs.server.attach(app, options);

// listen on port 3000 (for localhost) or the port defined for heroku
var port = process.env.PORT || 3000;
app.listen(port);

順便說一下，當我運行它時會輸出此警告：

DokuWiki

編輯Wiki頁面時，說http://localhost/dokuwiki/doku.php?id=start&do=edit ，該插件包括以下腳本：

• http：// localhost：3000 / channel / bcsocket.js
• http：// localhost：3000 / share / share.js
• http：// localhost：3000 / share / textarea.js

然后執行以下命令：

window.onload = function() {

    // get dokuwiki editor textarea element
    var pad = document.getElementById('wiki__text');

    if (pad) { // if a wiki page is being edited
        // Server options
        var options = {
            origin: "http://localhost:3000/channel"
        };

        // Connect to the server
        var connection = sharejs.open('test', 'text', options, function(error, doc) {
            doc.attach_textarea(pad);
        });
    }

};

在DokuWiki頁面編輯器上導致以下錯誤：

我想念什么？ 提前致謝！

Answer 1

設法解決了！ :) DeprecationWarning仍然存在，我不知道為什么，但是現在可以使用。

只需編輯ShareJS Server代碼：

• 從ShareJS選項的行中刪除了browserChannel: { cors: "http://localhost/dokuwiki/" },

• 調整了“ 訪問控制允許來源” 中間件

這是“最終” ShareJS Server代碼：

var express = require('express');
var app = express();
var port = 3000;

app.use(function (req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
});

// public folder to store assets
app.use(express.static(__dirname + '/public'));

// get sharejs dependencies
var sharejs = require('share');
require('redis');

// options for sharejs 
var options = {
    db: {type: 'redis'},
};

// attach the express server to sharejs
sharejs.server.attach(app, options);

app.listen(port, function() {
    console.log('listening on *:' + port);
});

就是這樣！ 現在，我只需要多編輯一些代碼即可使不同的Wiki頁面具有不同的ShareJS文本區域。