8

CodeLab Adapter 接入第三方平台

 2 years ago
source link: http://wwj718.github.io/post/%E5%B0%91%E5%84%BF%E7%BC%96%E7%A8%8B/codelab-adapter-open-plan/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

CodeLab Adapter 接入第三方平台

2020-05-03

这是之前的文章，更新以匹配 CodeLab Adapter 3.0

CodeLab Adapter 允许codelab.club的合作方将CodeLab Adapter接入到自己的平台。从而让平台获得与开源硬件/AI/IoT 交互的能力，同时他们也可以将CodeLab Adapter用作真实的 Python 解释器(与本地文件系统/网络交互)。

我们将在这篇文章中展示如何将CodeLab Adapter接入到任何 Scratch3.0 平台中。事实上，你可以将它接入任何 web 平台中(blockly/brython…)。

本文中, 我们给出了 CodeLab Adapter eim 插件的源码 以及 scratch3-adapter extension_eim 的源码。

我们假设你已经读了创建你的第一个 Scratch3.0 Extension，如果没有，阅读完再回来。最好跟着文章操作一遍。

在 Scratch3.0 中创建 EIM Extension

Scratch3.0 插件源码

在scratch-vm/src/extensions目录创建scratch3_eim/index.js

Scratch3.0 eim 插件的源码我们已经放到 Github 上了:scratch3_eim，源码本身不做过多解释，对照着它的功能，很容易搞懂。

值得注意的是，scratch3_eim依赖于socket.io-client, 你需要在 scratch-vm 中先安装依赖:socket.io-client

Scratch3.0 与CodeLab Adapter建立连接，最关键的部分是:

this.socket = io(`//${adapterHost}:12358` + "/test", {
  transports: ["websocket"]
});

从架构图中，你可以更好地理解它们的交互:

从架构途图中也可以看出，CodeLab Adapter支持任何平台。Scratch3.0 只是它的一个 client，并没有特殊性，你可以在 blockly app 或者任何其他什么地方接入CodeLab Adapter。

CodeLab Adapter extension_eim 源码

CodeLab Adapter extension_eim 的源码，我们也已经更新到 Github 上: extension_eim.py

也是可以配合 Scratch3.0 eim 插件使用的.

开发者优先

目前我们允许开发者在本地(127.0.0.1)将CodeLab Adapter接入到任何平台中。

需要注意的是，你需要将网站运行为 https(webpack-dev-server --https)来与CodeLab Adapter通信。


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK