如何将scratch游戏打包成APP

很多同学希望把自己开发的scratch游戏分享给小伙伴，一起快乐地玩耍。当然，分享的手段很多，下面极客君给大家介绍一种将scratch游戏打包成APP的方法。

使用工具

1. htmlifier
2. phonegap

具体步骤

一、将scratch文件打包成html文件

我们要做的第一步就是将scratch3.0生成的.sb3文件打包成html文件。这里可以使用HTMLifier在线打包，或者使用它的离线版工具。

打开HTMLifier后，只需3步就可以将.sb3文件打包成html

1. 上传项目文件

2. 更新项目名称和用户名

3. HTMLify打包

二、添加PhoneGap配置和APP图标

1. 将打包好的html单独放到一个文件夹，并将其命名为index.html。添加PhoneGap的配置文件config.xml和一个APP图标。

2. 编辑confg.xml，将以下代码复制进去并保存：

<?xml version="1.0" encoding="UTF-8" ?>
<!--修改id-->
<widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "cn.yogeek.flappybird"
    versionCode = "10"
    version     = "1.0.0" >

<!--APP的名称-->
  <name>像素鸟@极客少年</name>
<!--APP的描述-->
  <description>
      像素鸟@极客少年
  </description>
<!--APP的作者-->
  <author href="https://edu.yogeek.cn" email="50599476@qq.com">
      极客少年
  </author>
<!--APP的图片-->
  <icon src='ico.png' />
 
</widget>

3. 最后将上述文件所在的文件夹压缩为一个zip文件。

三、使用PhoneGap构建APP

登录PhoneGap网站，如果没有账号的话，需要注册一个。

在“Your apps”栏中点击“+ new app”。

在新出现的栏目中选择“private”，然后点击“Upload a .zip file”，将刚刚压缩好的文件上传。

上传成功后，在新栏目中选择“Ready to build"。

 

这样，Android和WinPhone的APP就构建好了。由于苹果APP在打包时需要提供“签名”，所以构建时会出错。

最后根据自己手机选择对应的APP下载，或者扫描二维码下载安装。请小伙伴们尽情享用吧。

 

注意事项

上述步骤是在PhoneGap中创建了一个私有项目，而一个PhoneGap账号只能保留一个私有项目，所以下次构建时，需要将已存在的私有项目删除掉。

如果你想进行版本跟踪的话，建议将源文件托管到github或者其它git仓库，以开源项目的方式进行构建。

后续补充

有同学反应打包之后的APP运行提示“此应用专为旧版安卓打造”，这是因为config.xml没有指定Android构建时使用的SDK版本。具体修改如下：

<?xml version="1.0" encoding="UTF-8" ?>
<!--修改id-->
<widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "cn.yogeek.flappybird"
    versionCode = "10"
    version     = "1.0.0" >

<!--APP的名称-->
  <name>像素鸟@极客少年</name>
<!--APP的描述-->
  <description>
      像素鸟@极客少年
  </description>
<!--APP的作者-->
  <author href="https://edu.yogeek.cn" email="50599476@qq.com">
      极客少年
  </author>
<!--APP的图片-->
  <icon src='ico.png' />

  <platform name="android">
    <!--指定构建时使用的SDK版本, 28 即 android 9.0 -->
    <preference name="android-targetSdkVersion" value="28" />
  </platform>

</widget>

广而告之

欢迎来到极客少年，我是极客君，优质编程教育领域创作者。如果您对青少年编程教育感兴趣的话，请关注我们的公众号，极客青少年编程。