时间戳

首页 > 解决方案 > Action Cable 在 IOS 上的 Safari 中不起作用

ios - Action Cable 在 IOS 上的 Safari 中不起作用

问题描述

我想交换有关 rails 6.0.2 中动作电缆的信息。

在我的桌面上，这也很好用。

但不幸的是，在我的 iPhone 和 iPad（IOS 13.4）上的 Safari 中，没有建立到 websocket 的连接。'connected' 和 'received' 函数都没有被调用。我的 iPhone（通过电缆连接）上的 Safari 开发者工具控制台中没有错误或信息。

我这里又有了所有相关文件，它们大多是由 rails 生成的标准文件。

应用程序/javascript/channels/test_channel.js

import consumer from "./consumer"
consumer.subscriptions.create("TestChannel", {
  connected() {
    console.log("connected")
  },

  disconnected() {
    console.log("disconnected")
  },

  received(data) {
    console.log("received")
  }
});

应用程序/javascript/channels/consumer.js

import { createConsumer } from "@rails/actioncable"

export default createConsumer()

应用程序/javascript/channels/index.js

const channels = require.context('.', true, /_channel\.js$/)
channels.keys().forEach(channels)

应用程序/javascript/channels/index.js

const channels = require.context('.', true, /_channel\.js$/)
channels.keys().forEach(channels)

应用程序/javascript/packs/application.js 

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

包.json

{
  "name": "...",
  "private": true,
  "dependencies": {
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "4.2.2",
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.10.3"
  }
}

应用程序/频道/test_channel.rb

class TestChannel < ApplicationCable::Channel
  def subscribed
    stream_from "some_channel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end
end

ngnix 配置 （它在本地开发中也不起作用）

....

location /cable {
  passenger_app_group_name test_app_action_cable;
  passenger_force_max_concurrent_requests_per_process 0;
}

标签： iosruby-on-railswebsocketsafariactioncable

解决方案

好吧，那是我的错。在我的 Safari 中，启用了实验功能“NSURLSession WebSocket”。在我禁用该选项后，它起作用了。该选项可在以下位置找到：

启动设置 > 向下滚动以找到 Safari，然后点击它。> 向下滚动以单击高级选项。然后你会看到 Experimental Features > Tap it

实验功能

推荐阅读