Sencha Touch运作在IIS7下所需要做的必要配置!

坑爹的官方指导文档!加载index.html后打不开,用chrome调试报找不到develoment.js  404错误。

官方文档看了不下十几遍,一步步按照操作让然报错。找了一整天都无法找到错误原因!最后确定是IIS导致的,终于搜到一位仁兄的解决指导方法!

原文引用自:http://blog.sina.com.cn/s/blog_72639692010171oa.html

如果你无法把SDK里面的例子运行起来,就表明你的ST2开发环境还没有配置好,更别提后续的开发工作了。

如果双击打开HTML是绝对运行不起来的,你只能看到一个茶叶图标,但1.X版的实例是可以这样做的。

想要运行其实很简单,只要能让*.json的文件能够被Web服务器解析即可,这里以IIS7为例说明。

1)安装IIS7的ASP支持

控制面板-->程序和功能-->打开和关闭Windows功能-->角色-->添加角色服务-->应用程序开发-->选择ASP

2)给默认网站添加MIME类型

添加-->文件扩展名为json,MIME类型为text/json(或application/x-javascript也可以)

3)给默认网站安装脚本映射

处理程序映射-->添加脚本映射。请求路径为*.json,可执行文件为%windir%\system32\inetsrv\asp.dll,名称为json

4)在默认文档中添加index.html

5)在默认网站下创建SenchaTouch应用程序,IIS6下称作虚拟目录。

6)使用Chome预览(IE不支持)

至此配置完成,不需要重启IIS,右键运行examples.json,如果能够在网页中打开并显示出一堆数字,则表示正确配置,如果显示下载文件,则配置未成功。

时间: 2024-08-06 07:26:59

Sencha Touch运作在IIS7下所需要做的必要配置!的相关文章

用 Sencha Touch 构建移动 web 应用程序

Sencha Touch 是一个使用 HTML5.CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发.下载和建立 Sencha Touch,通过一个样例应用程序探究基本原理.学习开始使用 Sencha Touch 框架所需的一切 2012 年 3 月 19 日 内容 概述 Sencha Touch 准备开始 UI components 结束语 参考资料 评论 概述 在软件开发领域中,有两个重要的趋势越来

大自然的搬运工:Ubuntu环境下gedit的一些个简单配置

gedit是Ubuntu默认的文本编辑器,个人觉得还是不错的,用它来编程写一些小的demo也很方便,原谅我比较菜,vim用起来感觉打字速度真的很慢呀. 下面对gedit做一些简单配置,方便编程. 一. 设置字体等 在编辑-->首选项中设置 比较简单,直接上图了 设置字体,默认的字体看起来比较小,我用的是Ubuntu Mono字体16号,配色方案也是用的默认的配色方案,如果习惯Kate的也可以配置. 可以选择性的安装一些插件 二.设置自动编译C语言 工具-->Manage External To

sencha touch 扩展篇之将sencha touch打包成安装程序(下)- 使用phonegap打包安装程序

    这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后通过xcode导出成ipa安装程序: 一.phonegap环境搭建: phonegap从3.0开始已经不再使用手动的方式搭建项目了,而是使用command-line命令行工具来搭建项目环境,并且插件引入的机制也在3.0做了调整,采用了模块化的方式,即需要什么功能模块就通过命令行工具来安装对应

Sencha Touch + PhoneGap + Html5 在Android下的性能优化

最近用Sencha Touch + PhoneGap 开发了一个产品,在IOS上运行流畅,在Android上切换页面几下就闪屏,字体也变模糊了.看上去是性能问题,GPU渲染,内存,都有可能,这绝对接受不了,得治. 团队开始分析内存,代码架构,折腾了一两周,感觉不明显,用户体验还是较差. 直到有一天,在看其他HTML5的框架中,无意提到了这点,hardwareAccelerated属性,硬件加速执行的所有的绘图操作都是使用GPU在View对象的画布上来进行的.启用硬加速最简单的的方法是对整个应用启

【翻译】在Ext JS和Sencha Touch中创建自定义布局

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析. 虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最常

HTML5开发实战——Sencha Touch篇(1)

学习了许多基本的Sencha Touch内容,已经了解了Sencha Touch的开发模式.接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建.先要解决的是前端的问题,从最简单的入手,一个基本的登录界面. 最简单的登录界面大体由以下介个元素组成:用户头像部分.用户名输入部分.密码输入部分.提交按钮.我们从这种虽简单的界面开始,逐步进行界面实现. 一.创建主面板 Ext.require('Ext.Panel'); Ext.application({ name:'MyApp'

Sencha Touch 之初接触

1.Sencha Touch开发与普通web开发有什么区别? Sencha Touch(为方便起见,本文后面一律简写为ST)页面的开发跟普通html页面相比,总体来说没有本质上的区别,只是引入了对html5和CSS3的支持,然后提供了对移动设备(iPad/iPhone/Android Mobile/Android Tablet/BlackBerry等)的特殊优化.事实上也正是因为html5和CSS3才使得ST可以实现如此美妙以至于可以媲美Native应用程序的交互效果. 2.特殊的Documen

phonegap与sencha touch互相传值显示

本文使用的phonegap版本为2.9.0,sencha touch为2.4.0,phonegap jar包可以去官网下载. 以android toast作为例子: 首先在st项目中建一个view Ext.define('HelloWorld.view.Main', { extend: 'Ext.form.Panel', xtype: 'main', requires: [ 'Ext.field.Text','Ext.form.Panel' ], config: { fullscreen: tr

sencha touch 2.3 结合cordova 环境搭建

sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME