AppInventor2018手机积木式编程离线版环境搭建(保姆级教程)

AppInventor2018手机积木式编程离线版环境搭建

资源下载百度网盘连接

1.安装谷歌浏览器

如下图所示,将谷歌浏览器安装包解压安装即可。
在这里插入图片描述

2.AppInventor2018离线版解压

将AppInventor2018离线版压缩包解压到电脑一个盘的根目录,如下图1和图2所示。
图1
图1 图3.1.2 AppInventor2018离线版压缩包路径

图2
图2 将AppInventor2018离线版解压到D盘根目录

3.桌面版AI伴侣解压

将桌面版AI伴侣压缩包解压到电脑一个盘的根目录,如下图1和图2所示。
图1
图1 桌面版AI伴侣压缩包路径

在这里插入图片描述
图2 桌面版AI伴侣解压到D盘根目录

4. 手机开发环境使用测试

4.1.启动appinventor2018离线版服务

在解压后的AppInventor2018PersonalEdition_win文件夹中找到如下图中所示的文件,然后双击文件,启动appinventor2018离线版服务。
在这里插入图片描述
启动appinventor2018服务后,将会弹出两个命令窗口,分别是“编译服务命令窗口“(如图1所示)和“appinventor运行命令窗口(如图2所示)”,注意:这个命令窗口不能关闭,否则“appinventor2018离线版”就会运行不正常。
图1
图1 编译服务命令窗口

图2
图2 appinventor运行命令窗口

4.2.进入appinventor的开发界面

启动了appinventor2018服务后,我们打开goole浏览器(如图1所示),然后在goole浏览器上输入网址”http://localhost:8888”(如图2所示),等待10几秒我们将会进入到appinventor的开发界面(如图3所示)。
图1
图1 打开goole浏览器
图2
图2 在浏览器上输入网址

图3
图3 appinventor开发界面

4.3.新建测试项目

在appinventor开发界面上,新建一个测试项目,项目名字为“test”,如图1 和图2所示。
图1
图1 新建项目

图2
图2 新建项目的开发界面

4.4.启动桌面版AI伴侣

新建项目之后,我们进入到“桌面版AI伴侣”目录(如下图1所示),然后点击“ailaunch”这个文件,启动“桌面版AI伴侣”,将会弹出一个命令窗口(如图2所示),再等一会将会弹出“桌面版AI伴侣”的界面(如图3所示)。
图1
图1 启动“桌面版AI伴侣”

图2
图2 启动“桌面版AI伴侣”
图3

4.5.连接桌面版AI伴侣

启动了“桌面版AI伴侣”后,我们再点击开发界面的上部菜单栏中的“连接”->”AI伴侣”(如下图1所示),然后开发界面将会弹出“连接AI伴侣程序”,上面有二维码和编码。
图1
图1 打开连接ai伴侣程序

然后我们在“桌面版AI伴侣”窗口输入“localhost:8888;+编码”,如下图2所示。
注意在六位编码前面需要添加绑定服务器地址+;(英文分号),即“localhost:8888;”。
图2
图2 连接开发环境与桌面版AI伴侣

在连接AI伴侣过程中,也许会遇到系统防火墙的拦截,如图3所示,此时选择“允许访问”即可。
图3
图3 系统防火墙会拦截连接操作

4.6.实时同步调试

连接成功后的样子如图1所示,当开发界面变化时,桌面版AI伴侣将会同步变化,实现实时同步调试。
注意:这个功能只是进行实时同步调试,最终我们还是要将编写好的app程序编译成安卓.apk文件,安装在安卓平板上面。
图1
图1 开发工具与AI伴侣连接成功

5.小结

本文所针对的是最低配置的情况:一台孤立的无法联网的计算机(既没有互联网,也没有局域网),其中安装了win7或以上版本的操作系统。
搭建了appinventor离线版,也测试了开发环境。

AppInventor2-2018版.rar 大家下载后,解压后可以看到有3个文件夹,分别是(1)AppInventor2018PersonalEdition_Win是个人离线版(2)AI2Companion_Win7_64bit是桌面版AI伴侣Win7_64位版; (3)AI2Companion_Win7_32bit是桌面版AI伴侣Win7_32位版。文件夹(2)(3)是用于测试的桌面版AI伴侣,分别是Win7操作系统32位和64位的。前面测试过,Win10也同样适用。特别注意有些杀毒软件可能会认为是病毒,建议在解压之前先关闭杀毒软件。 【启动服务】 图片 打开AppInventor2018PersonalEdition_Win文件夹后,最后一个文件‘启动AppInventor.cmd’是启动文件。执行启动文件,将打开两个黑色的命令执行窗口。如下2图所示。其中的Dev Server为开发服务器,在整个的开发设计过程中必须保持这个窗口处于开启状态,可以最小化,但不能关闭。另一个窗口的标题是Build Server…,这个是编译服务器窗口,当你选择编译菜单时,这个窗口的内容会刷新。在日常开发过程中,如果暂时不需要编译项目,可以将这个窗口关闭。同时要注意在服务启动过程中,如果系统防火墙提示是否允许该程序的运行,选择“允许”即可。 图片 图片 图片 【打开App Inventor开发环境】 服务启动成功后,在浏览器地址栏中输入localhost:8888(或是127.0.0.1:8888也可),即可打开App Inventor开发环境。 图片 【启动桌面AI伴侣】 打开AI2Companion_Win7_64bit(或AI2Companion_Win7_32bit)文件夹,其中启动命令为ailaunch.bat,执行该命令,将启动桌面版AI伴侣。 图片 AI伴侣启动过程中,会打开一个命令窗口,第一行显示的“错误:没有找到进程aicompanion*”是批处理文件中的提示信息,不影响伴侣的启动和使用,不必介意它。 图片 【链接开发环境与AI伴侣】 在开发环境中点击菜单“连接→AI伴侣”,将弹出一个窗口,其中显示一个二维码,以及一行6位编码,将六位编码输入到AI伴侣的输入框中,并点击“用编码进行连接”,即可完成开发环境与AI伴侣之间的连接。在实际的操作的过程中,我们经常想复制6位编码到AI伴侣,特别提醒,在开发环境中6位编码,只能右键鼠标点复制,而到AI伴侣界面,只能按Ctrl+v复制。 图片图片 【重新启动AI伴侣】 用鼠标右键点击AI伴侣右上角的“x”号,可以弹出右键菜单,其中前两项分别为“重新加载应用”及“模拟浏览器重启”,如果把AI伴侣理解为浏览器,那么前者相当于刷新页面,后者相当于重启浏览器。 图片 错误情况分析:如果在浏览器中启动开发环境时出现以下的界面,只要把’AppInventor2018PersonalEdition_Win是离线包个人版’复制到任何盘的根目录下即可!(AppInventor2019版解决了这个问题)
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

豪哥追求卓越

觉得有用就打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值