介绍App Inventor

  App Inventor 原是Google实验室(Google Lab)的一个子计划,该项目是一个完全在线开发的Android编程环境,抛弃复杂的程式代码而使用积木式的堆叠法来完成的Android程式。App Inventor

  2012年1月1日移交给麻省理工学院行动学习中心,并已于3月4日公布使用。【前面都是我从网上找的介绍,详细情况可以自行上网了解

  本文主要是介绍我部署到本地的详细经过。参考的书籍:《App Invenrot2 定制与二次开发》强增编著。

----------------------------------------------------------------------------------------------------------------------------------

1. 本地环境的准备

  首先需要准备本地环境,官方的文档是这么给出的:

  我的JDK用的是:java version "1.7.0_79",因为文档中推荐使用JDK6或者7。ant的版本使用的是: version 1.9.4。JDK和ANT都需要配置环境变量。

JAVA_HOME 本地JDK的安装路径
Path %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH  .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
ANT_HOME ant的安装路径
PATH ;%ANT_HOME%\bin

  值得一提的是安装完git后,也需要添加环境变量(我第一次就是因为没有配置环境变量,反复出错……)。

  最后,需要下载AppEngine SDK ( https://developers.google.com/appengine/downloads ) ,官网上推荐使用1.9.27及其以下版本:
        a. The current supported version for MIT App Inventor is 1.9.27.

            http://central.maven.org/maven2/com/google/appengine/appengine-java-sdk/1.9.27/

  同样,下载完后,最好配置环境变量:在Path下面添加:****实际本地的路径***\appengine-java-sdk-1.9.27\bin目录的路径。

2.  获取源码

  前面的步骤,你已经在计算机本地安装了git,然后找个合适的位置,新建文件夹存放代码,在文件夹中鼠标右键,选择Git Bash Here,使用 git init初始化当前目录。

  然后,输入命令:git clonehttps://github.com/mit-cml/appinventor-sources.git ,获取源代码。需要等待一段时间……官网文档(This will create a folder named “appinventor-sources” where the sources (and a copy of the repository) will reside. )就是说在当前文件下会生成一个“appinventor-sources” 的文件夹。文档中还有这么一段话,我不清楚是什么意思,只是照着做了(We’ll refer to this folder (即“appinventor-sources” 的文件夹)throughout the rest of these instructions as the appinventor parent folder.  The appinventor  parent folder also contains a file called sample-.gitignore. This file should be copied to another file simply named .gitignore which will keep generated files from being added to the git  index .)

  

  就是将sample-.gitignore文件复制了一份,重命名为.gitignore。(在winodws系统下,这样可能有点困难,所以我借助git命令窗口来完成的,touch .gitignore,然后将内容拷贝进去。)紧接着,

  Checking out Blockly as a dependency is also needed, and can be done by issuing the following command (from the appinventor-sources folder),官网的意思是进入appinventor-sources

  文件夹执行命令:git submodule update --init,这和我参考书上的不一样,还是按照官方文档来。上面的步骤完成后,源代码就获取到了,为了谨慎期间,在编译之前,我还是备份了一下。

3. 编译项目

  进入项目的根目录:***\appinventor-sources\appinventor

  如果不是第一次编译的话可以使用ant clean命令,会清理掉一些垃圾文件,但是要谨慎使用!!因为一些项目也会清理掉。(附上文档:Cleaning isn’t necessary every time you build, but it’s a good idea to clean each time before   you build  in case some junk has crept into the various build directories. Note again that if you clean, all your projects will go away, so make sure you have copies of the projects before cleaning. )

  在编译项目之前使用命令ant MakeAuthKey,来生成key。仅需执行一次。

  然后使用命令ant来编译项目。

  Building should take several minutes and end with the message BUILD SUCCESSFUL. 看到BUILD SUCCESSFUL,就说明编译成功了。

4. 启动服务,访问网站

   NOTE: As of 4/18/2016 you must use a version of the App Engine SDK that is at 1.9.27 or lower. The dev_appserver in newer versions will not work. You will also want to have the latest version and use that for deployment to App Engine itself.这个前面也提到了,就用1.9.27的版本就好了,我就是用这个运行成功的。

  在appinventor文件夹下面,使用命令:<your appengine SDK folder>/appengine-java-sdk-1.9.11/bin/dev_appserver.cmd --port=8888 --address=0.0.0.0 appengine/build/war/(前面配置环境变量的话,只需要运行加粗的部分的命令即可。)

  

  首次编译这个项目要花费一点时间,耐心等待。出现下面的情况,说明成功:

  然后,进入/appinventor/buildserver目录下,运行命令:

  ant RunLocalBuildServer

  成功后,如图:

  

  在浏览器访问localhost:8888,可以看到登录页面,点击:

  

  接着点击Login,接着单击“I accept the terms of service”按钮就可以进入开发环境。

  

  待续……

App Inventor2项目部署到本地的更多相关文章

  1. 用户 'IIS APPPOOL\**' 登录失败的解决方案(项目部署到本地IIS上打开网页出现报错)

    为开发方便-将项目部署到本地IIS上打开网页出现报错 1.打开IIS管理 2.点击应用池 3.找到你部署的网站名,右键“高级设置”——>“进程模型”——>“标识”修改为localsyste ...

  2. 如何把ASP.NET MVC项目部署到本地IIS上

    默认情况下,在VisualStudio中开发网站,会运行在IISExpress中,如果想把网站部署到本地的IIS服务器上该怎么办呢? 一.首先,以管理员身份运行VisualStudio,否则在修改项目 ...

  3. eclipse中web项目部署到本地tomcat中,但是在本地的tomcat的webapp下找不到发布的项目

    eclipse不像MyEclipse默认将项目部署到tomcat安装目录下的webapps中,而默认部署到工作目录下 为了使项目默认部署到tomcat安装目录下的webapps中,show view- ...

  4. Spring Boot 项目部署到本地Tomcat,出现访问路径问题

    首先确定war 包没问题,把war包放在webapps目录下,访问http://localhost:8080/ + 项目名称 发现首页可以访问但css,js请求都是404,跳转页面也是404 解决方法 ...

  5. web项目部署到本地tomcat时,运行tomcat的startup.bat一闪而过

    在eclipse里面启动tomcat时都是正常的,打成War包后,也无法自动解压,百度了好多方法均尝试失败,然后看到了下方的百度经验,配完环境变量后,tomcat可以正常启动了.如下为步骤: 1. 遇 ...

  6. Spring+SpringMvc+Mybatis框架集成搭建教程四(项目部署及测试)

    在IDEA中将项目部署到本地Tomcat下进行运行并验证整合结果 (1).点击如下图所示的下拉按钮,弹出Edit Configurations...后点击该项. (2).跳出如下界面后,点击红框内的& ...

  7. Linux学习8-CentOS部署自己本地的django项目

    前言 自己本地写好的django项目,如何部署到linux服务器上,让其他的小伙伴也能访问呢?本篇以centos系统为例,把本地写好的django项目部署到linux服务器上 环境准备: 环境准备: ...

  8. Linux学习django-CentOS部署自己本地的django项目

    前言 自己本地写好的django项目,如何部署到linux服务器上,让其他的小伙伴也能访问呢?本篇以centos系统为例,把本地写好的django项目部署到linux服务器上环境准备: 环境准备:1. ...

  9. Eclipse学习总结(02)-动态项目部署到到本地Tomcat

    一.发现问题 在eclipse中新建Dynamic Web Project,配置好本地的tomcat并写好代码后选择Run on Server,但运行后发现在tomcat的安装目录下的webapps并 ...

随机推荐

  1. Python学习笔记【第一篇】:认识python和基础知识

    我的笔记里的python代码运行环境都是在pycharm软件中运行,所以不去记录如何配置环境变量呀什么的. python种类 Cpython: Python的官方版本,使用C语言实现,使用最为广泛,C ...

  2. PHP内核之旅-5.强大的数组

    PHP 内核之旅系列 PHP内核之旅-1.生命周期 PHP内核之旅-2.SAPI中的Cli PHP内核之旅-3.变量 PHP内核之旅-4.字符串 PHP内核之旅-5.强大的数组 PHP内核之旅-6.垃 ...

  3. 从零开始搭建运维体系 - ansible

    从零开始搭建运维体系 - ansible 基本配置好了局域网内的机器后,第一个遇到的问题就是如何批量操作这么多台机器,ansible就是这么一个自动化运维工具. ansible是一个基于ssh的批量远 ...

  4. 使用 ASP.NET Core MVC 创建 Web API(三)

    使用 ASP.NET Core MVC 创建 Web API 使用 ASP.NET Core MVC 创建 Web API(一) 使用 ASP.NET Core MVC 创建 Web API(二) 十 ...

  5. 使用 EOLINKER 进行接口测试的最佳路径 (下)

    本文为 <使用 EOLINKER 进行接口测试的最佳路径> 下半部分文章,主要介绍测试脚本如何执行和报告生成,以及测试项目人员如何协作.还没看过上篇文章请戳 使用 EOLINKER 进行接 ...

  6. Java基础系列-equals方法和hashCode方法

    原创文章,转载请标注出处:<Java基础系列-equals方法和hashCode方法> 概述         equals方法和hashCode方法都是有Object类定义的. publi ...

  7. 【带着canvas去流浪(7)】绘制水球图

    目录 一. 任务说明 二. 重点提示 三. 示例代码 四. 文字淹水效果的实现 五. 关于canvas抗锯齿 六. 小结 示例代码托管在:http://www.github.com/dashnowor ...

  8. Spring异常分析

    异常报错 2019-01-14 10:40:18.427 ERROR 11776 --- [ost-startStop-1] o.s.b.w.e.t.TomcatStarter : Error sta ...

  9. Git开发分支使用与管理规范

    最稳定的代码放在 master 分支上(相当于 SVN 的 trunk 分支),我们不要直接在 master 分支上提交代码,只能在该分支上进行代码合并操作,例如将其它分支的代码合并到 master ...

  10. 解释器模式 Interpreter 行为型 设计模式(十九)

      解释器模式(Interpreter)   考虑上图中计算器的例子 设计可以用于计算加减运算(简单起见,省略乘除),你会怎么做?    你可能会定义一个工具类,工具类中有N多静态方法 比如定义了两个 ...