Scratch二次开发：利用Blockly打包成移动App的探索之旅

大家好，我是小黄。

随着编程教育的普及，Scratch和Blockly等图形化编程工具逐渐成为儿童和初学者学习编程的热门选择。然而，这些工具通常局限于网页或桌面应用，如何将它们扩展到移动设备上，以便用户随时随地学习编程呢？本文将探讨如何利用Blockly进行二次开发，并将其打包成移动App的过程。

一、背景介绍

Scratch是一款由麻省理工学院开发的面向儿童的图形化编程工具，它通过拖拽积木式的代码块来实现编程。而Blockly则是谷歌开发的一款可视化编程编辑器，与Scratch类似，但更加灵活和可定制。通过将Blockly与移动应用开发技术结合，我们可以创建出具有丰富功能和良好用户体验的移动编程学习App。

二、开发步骤

我们之前已经开发生成了一个html网页，开发APP我们使用一个比较简单的框架——uniapp。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序（如微信/支付宝）等多个平台。

我们把项目导进uniapp里面，之后用一个网页标签加载scratch项目，因为我们生成的是html，所以可以选择h5的蓝牙模块实现蓝牙通信，把图形化积木块转成的代码通过蓝牙发送到设备就好了！

如果大家不想通过嵌入网页的方式实现的话，大家也可以使用blockly在vue中引入实现，之后再使用uniapp相关的蓝牙接口发送就可以了。

好了，今天的分享就到这里了！

作者介绍：

热爱编程、写作的小菜鸡，喜交天下各路英雄好友，欢迎关注本人公众号一起学习、交流。如果您遇到什么问题请给我留言。需要源码的小伙伴请关注公众号回复：scratch获取。

关注我，一起学习探讨更多scratch-block知识！

有任何不懂的小伙伴可以加入群聊大家一起讨论。微信群过期的话可以加入QQ群：947525840。