sketchup-bridge.get报错 this.sketchup.Bridge.receive is not a function

根据错误提示，似乎是 `this.sketchup.Bridge.receive` 不是一个函数。这可能是由于 `sketchup.Bridge` 对象没有正确初始化导致的。你可以检查一下是否正确导入 `sketchup-bridge` 模块，并且是否正确创建了 `sketchup.Bridge` 对象。此外，还要确保 `sketchup.Bridge` 中包含名为 `receive` 的函数。如果问题仍然存在，你可以考虑查看 `sketchup-bridge` 的文档或者联系开发者以获取帮助。

相关问题

sktchup ruby2.7.1API下载文件到指定目录，并可以让前端通过sketchup-bridge.get调用

可以使用sketchup-bridge模块中的Ruby API来下载文件到指定目录，并通过sketchup-bridge.get方法来让前端调用。

以下是一个示例代码，可以将文件下载到SketchUp的默认下载目录中：

require 'sketchup.rb'
require 'open-uri'

# 下载文件
url = 'http://example.com/file.jpg'
filename = File.basename(url)
temp_file = "#{Sketchup.temp_dir}/#{filename}"

open(temp_file, 'wb') do |file|
  file << open(url).read
end

# 将文件移到指定目录
dest_folder = 'C:/MyFolder'
dest_file = "#{dest_folder}/#{filename}"
FileUtils.mv(temp_file, dest_file)

# 定义一个GET请求
Sketchup::Http::Request.new('http://localhost:8080/myfile') do |req|
  req.headers['Content-Disposition'] = "attachment; filename=#{filename}"
  req.headers['Content-Type'] = 'application/octet-stream'
  req.body = File.binread(dest_file)

  # 发送请求
  res = req.send('GET')
end

在上述代码中，我们使用`open-uri`模块来下载文件，并使用`FileUtils`模块将文件移动到指定目录中。然后，我们使用`Sketchup::Http::Request`类来定义一个GET请求，并设置请求头和请求体。最后，我们使用`req.send('GET')`方法发送请求。

通过这种方法，前端可以使用sketchup-bridge.get方法来获取下载文件的内容。例如，在JavaScript中可以这样写：

sketchup_bridge.get('http://localhost:8080/myfile', function(response) {
  // 处理文件内容
});

在上述代码中，sketchup-bridge.get方法会向http://localhost:8080/myfile发出GET请求，并在响应后调用回调函数。在回调函数中，我们可以处理文件内容。

SketchUp Ruby Vue插件如何通过sketchup-bridge拖动模型到SketchUp

要在 SketchUp 中使用 SketchUp Ruby Vue 插件通过 `sketchup-bridge` 拖动模型，你需要进行以下步骤：

1. 首先，在 Vue 组件中引入 `sketchup-bridge`，并创建一个 `bridge` 对象：

import * as SketchupBridge from 'sketchup-bridge';

export default {
  data() {
    return {
      bridge: null
    };
  },
  created() {
    this.bridge = new SketchupBridge.Bridge();
  }
};

2. 在 Vue 组件中创建一个拖曳区域，用于拖曳模型：

<template>
  <div class="drop-zone" @dragover.prevent @drop="onDrop">
    Drop model here
  </div>
</template>

3. 在 Vue 组件中编写一个处理拖曳操作的方法：

methods: {
  onDrop(event) {
    event.preventDefault();
    const file = event.dataTransfer.files[0];
    const reader = new FileReader();
    reader.onload = event => {
      const base64Data = event.target.result.split(',')[1];
      const filename = file.name;
      this.bridge.sendCommand('add_model', { filename, base64Data });
    };
    reader.readAsDataURL(file);
  }
}

上面的代码将在拖曳操作结束时将模型的文件名和 base64 编码的数据发送到 SketchUp 中。

4. 在 SketchUp 中，你需要创建一个 Ruby 插件，并将其添加到 SketchUp 中。你可以使用 SketchUp Extension Warehouse 或手动创建和安装插件。

5. 在插件中，你需要创建一个 `Sketchup::Http::RequestHandler` 对象，用于处理从 Vue 组件发送到 SketchUp 的请求。

module MyPlugin
  class RequestHandler < Sketchup::Http::RequestHandler
    def handle_request(request, response)
      if request.post? && request.path == '/add_model'
        data = JSON.parse(request.body)
        filename, base64_data = data['filename'], data['base64Data']
        model = Sketchup.active_model
        entities = model.active_entities
        definition = entities.add_instance('path/to/model.skp', Geom::Transformation.new)
        definition.name = filename
        definition.set_attribute('my_plugin', 'base64_data', base64_data)
        response.headers['Content-Type'] = 'application/json'
        response.body = JSON.dump({ success: true })
      end
    end
  end
end

上面的代码将在拖曳操作结束时将从 Vue 组件发送的文件名和 base64 编码的数据解析为 SketchUp 中的模型，并将其添加到场景中。

6. 在插件中，你还需要创建一个 `Sketchup::Http::CommandHandler` 对象，用于处理从 `bridge.sendCommand` 发送到 SketchUp 的命令：

module MyPlugin
  class CommandHandler < Sketchup::Http::CommandHandler
    def handle_command(command, params, _)
      if command == 'add_model'
        filename, base64_data = params['filename'], params['base64Data']
        model = Sketchup.active_model
        entities = model.active_entities
        definition = entities.add_instance('path/to/model.skp', Geom::Transformation.new)
        definition.name = filename
        definition.set_attribute('my_plugin', 'base64_data', base64_data)
      end
    end
  end
end

上面的代码将在 `bridge.sendCommand` 中发送的 `add_model` 命令中解析模型数据，并将其添加到场景中。

以上就是使用 SketchUp Ruby Vue 插件通过 `sketchup-bridge` 拖动模型到 SketchUp 的基本步骤。你可以根据自己的需求进行修改和扩展。