关于前端独立启动ext这种几百年前的老项目
公司要求我维护一个几年前很老的ext项目,问了周围一圈大佬,都说这是后台起服务启动的项目,等后台起服务就好,等了一个多月,后台不顶用,找到我说要我自己打包项目启动,我就懵了啊,于是网上各种收集资料,可是踩了不少的坑啊,那我现在就来总结一下完整的步骤。
网上你刚开始搜索出来,可能是让你下载一个Sencha Cmd的东西,但其实直接下载,是无法运行的,所以还需要下载一些其他东西。
一.下载jdk
首先我们是专职前端,所以一般也许没有jdk环境,得下载安装并且配置环境变量
1.官网下载链接.
2.下拉,找到Developer Downloads,点击Java
3.点击Java(JDK) for Developers
4.选择你要下载的版本(zip为压缩包,下载解压后即可;exe为安装包下载后需安装)
5.jdk环境配置
我的电脑→属性→高级系统设置→环境变量or控制面板→系统→关于→高级系统设置→环境变量
→系统变量点击新建→添加变量名JAVA_HOME,变量值为你jdk安装目录具体至jdk-11.0.7→编辑系统变量中的PATH变量,添加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;→验证java是否安装成功→cmd输入java -version、java、javac等看是否程序正常输出
二.下载Ruby+Devkit
1.官网下载链接.
下载的时候会发现下载速度很慢,需要1-2个小时,我是刚好午饭休息让它自己下载完成啦,当然也可以根据下面这个方法试试能不能下载得快一点
把下载链接复制出来,在迅雷搜索下载
2.下载完成后,安装,安装完成后cmd输入ruby -v检查是否安装成功
三.安装Sencha Cmd
1.官网下载链接.
2.环境变量配置
系统变量,添加变量名:SENCHA_HOME变量值:D:\software\SenchaCmd(文件安装根目录)
变量Path添加变量值:%SENCHA_HOME%
3.cmd检查是否安装完成,输入sencha命令查看
出现以上,恭喜你,终于安装完成了
四.启动项目
不知道为什么都说在根目录下输入命令sencha app build 打包项目和sencha app watch启动项目就可以了,但是我输入这两个命令都没有反应,应该是因为我再github拉的这个示例代码不是标准的ext项目,后来公司的代码,用sencha app build就可以打包了,然后跟后台配合,使用tomcat就启动了项目,具体操作方法是后台整的,我也不是很清楚。
另外直接cmd输入sencha fs web -port 8000 start -map D:\project\Extensible 后面的为项目地址
然后可以打开网址呈现网页,但是如果涉及登录,调用接口还是得有服务器连接数据库等