• 使用Sencha Architect开发Sencha Touch应用的整理


    官网:http://www.sencha.com/
    其实官网上的文档都很清楚了,不过整理一下总比较好


    第一步,软件准备


    注: 以下软件的安装本着这样两条原则
    一是不要安装在中文目录下
    二是不要安装在带空格的目录下,例如program files目录

    1、Sencha Touch 2.2.1 
       解压缩出来即可
       例如,我解压缩以后改了一下目录名E:projectsenchasencha-touch-2.2.1

    2、Sencha Architect 2.2.2
       安装完成之后,第一次运行需要连接到官网,并且需要登录,所以要注册一个帐号
       软件可以无限期试用,参看另一个文章http://blog.chinaunix.net/uid-20078486-id-3866938.html
       例如,我安装的目录是D:DevSenchaSenchaArchitect

    3、Sencha Cmd http://www.sencha.com/products/sencha-cmd/download 3.1.2
       例如,我安装的目录是D:DevSenchain

    4、Ruby 1.9.3.n http://rubyinstaller.org/downloads/  Ruby 1.9.3-p448
       官网明确说了,只能安装1.9.3版本,所以新的2.0版还不能装,安装的时候把3个选项都选上
       例如,我安装的目录是D:DevRuby193


    5、Android SDK Tools https://developer.android.com/sdk/index.html
       把sencha touch的项目打包成android的apk需要用到该开发包,如果只是浏览器里测试一下,则不需要
       页面的“DOWNLOAD FOR OTHER PLATFORMS”,下载安装后,在联网状态下运行,需要下载各个版本的开发包,当然,只要下载几个主要版本的即可
       
    6、httpd
       偶使用apache的http服务器,官网http://httpd.apache.org/,但我貌似没看到最新版的windows发布包
       于是到这里http://www.apachelounge.com/download/ 下载最新版的windows包
       不过要仔细阅读,选择适合自己系统的,并注意下载对应的vc运行库
       偶下载的是VC11版x64位,并下载了对应的vc11运行库,解压缩到D:DevApache24
       然后修改confhttpd.conf文件,把4个地方的c:/Apache24修改成D:/Dev/Apache24,当然如果你刚好解压在C:Apache24,那就可以省略这一步
       打开cmd命令行窗口,切换目录到D:DevApache24in,运行httpd -k install 安装服务,以后就可以用ApacheMonitor管理服务了
       把服务启动起来,浏览器里面输入http://localhost,页面显示"It Works!",那就成了


       当然http服务器用微软的iis也是可以的,不过需要增加一个MIME TYPE:application/x-json
       控制面板-管理工具-Internet 信息服务-网站-默认网站-右键属性-HTTP 头-MINE映射-文件类型-新类型(扩展名 .json 内容类型 application/x-json)


    7、Chrome or Safari.
       浏览器测试就靠他们了,貌似据说firefox也是可以的,抽空看看


    8、差点忘记官网第一个要装的软件,就是java,这个就不赘述了,官网说最好用1.7,当然用1.6也是可以的




    第二步,开始简单开发


    1、运行Sencha Architect

    2、如果按照之前的教程获得了无限期试用,在第一个窗口中点击继续试用即可

    3、接下来问要打开项目还是新建项目,果断选择新建project "Sencha Touch 2.2.x","GO"

    4、保存项目,“Save”,选择一个路径,“project name"取名test,会在路径下新建一个test文件夹和一个项目文件

    5、发布目录配置:点击“settings”-"Project"-"Publish path",
      用之前apache服务器的根文档路径加上项目名称D:/Dev/Apache24/htdocs/test

    6、点击Package,"install plug-ins",之前的Sencha Cmd安装无误的话,这里会自动找到,右边出现一个绿色的对勾installed√

    7、接上一步,"Setup project with Cmd",
        Browse找到之前解压缩的"Sencha Touch 2.2.1"所在目录,E:/project/sencha/sencha-touch-2.2.1
        点击“Setup project with Cmd”按钮,自动把一些用到的文件复制到项目目录下

    8、“Package setting”是打包的配置,先不管,close

    9、点击工具栏“Publish”,把项目发布到apache服务器上

    10、打开chrome浏览器,http://localhost/test

    打完收工
  • 相关阅读:
    尝试制作了一个Panorama
    Python小游戏之猜数字
    Java基础-多线程学习目录
    Java8学习笔记目录
    Guava学习笔记目录
    Angular4学习笔记-目录汇总
    Springboot学习笔记
    JavaWeb-Tomcat阀
    JavaWeb-Tomcat安全域
    JavaWeb-Servlet基础
  • 原文地址:https://www.cnblogs.com/fyq891014/p/5057969.html
Copyright © 2020-2023  润新知