惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

小众软件
小众软件
C
Check Point Blog
Vercel News
Vercel News
Y
Y Combinator Blog
G
Google Developers Blog
P
Proofpoint News Feed
WordPress大学
WordPress大学
MongoDB | Blog
MongoDB | Blog
博客园 - 司徒正美
Last Week in AI
Last Week in AI
博客园 - 【当耐特】
N
Netflix TechBlog - Medium
L
LangChain Blog
V
V2EX
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
博客园_首页
B
Blog RSS Feed
The Cloudflare Blog
MyScale Blog
MyScale Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Microsoft Security Blog
Microsoft Security Blog

夜行人

回家路上 第一期的直播演示项目 震动检测器 正能量 在线参观CodeLab Neverland 发布 CodeLab Adapter 3.3.1 DynamicTable 之 纸糊方向盘 CodeLab DynamicTable: 一个可实施的技术方案 CodeLab Insight 发布 Alpha 版 情人节 Home Assistant 周报 && IoT 周报 (02) Joplin: 关注隐私的 Evernote 开源替代软件 浏览器的未来与 Web 传感器 Home Assistant 周报 && IoT 周报 (01) 百宝箱(01) 论自由 介绍 WebThings Home Assistant 周报 && iot 周报 (00) 百宝箱(00) 毛姆读书心得 传世之作 周末徒步 CodeLab Adapter ❤️ Jupyter/Python 航班 躲雨 夏令营途中 [译]思想--作为一种技术 The future of coding 美国之行 三门问题的程序模拟
scratch3-adapter ❤️ blockly
种瓜 · 2019-01-28 · via 夜行人

本文将介绍如何通过codelab-adapterblockly应用接入到开源硬件/AI/IoT中。

有大量的编程教育平台是基于blockly构建的,如code.orgTynker

通过codelab-adapter,可以赋予他们与万物连接的能力。

思路

codelab-adapter这个名字有误导性,我们近期准备将其更名为codelab-adapter. 更名之前暂时还是叫它codelab-adapter

codelab-adapter可以用于任何web平台,远不限于Scratch3.0,Scratch3.0只是它的一个典型client,任何前端都可以是它的client,通过架构图我们容易看清这一点:

架构图

将blockly应用接入codelab-adapter是非常简单的,在每个积木运行的时候,触发对应的JavaScript函数,函数中发送相应消息(everything is a message)即可。这个模式和Scratch3.0极为相似。

demo

我们来看一个具体的demo。

我已经将源代码放到了Github:scratch3-adapter-4-blockly

运行该项目的教程,我也放在链接里了,操作过程中有任何疑惑,欢迎提issue :)

该项目展示了一个最小原型,scratch3_eim展示了与codelab-adapter交互更为完整的通信例子。scratch3.0也是基于blockly构建,所以例子中的原理完全可以迁移到blockly中。

当然,由于一切都是消息,你可以在任何web平台使用它:)

参考