如何在Windows IIS服务器上部署Appery Ionic HTML5应用?
将Appery.io应用部署到Windows IIS服务器的实操步骤
1. 导出Appery.io应用源码
- 登录Appery.io后台打开目标应用
- 在项目菜单找到「导出」选项,选择导出完整Web应用代码包,包含所有HTML、CSS、JS及静态资源
- 下载ZIP包后解压到本地任意目录
2. 配置IIS基础环境
- 确保Windows服务器已安装IIS角色:通过「服务器管理器」添加Web服务器(IIS),勾选核心组件:
- 静态内容、默认文档、目录浏览
- 若应用涉及后端逻辑,按需勾选对应版本的ASP.NET组件
- 进入IIS的「默认文档」设置,确认已包含
index.html,未包含则手动添加
3. 在IIS中创建网站
- 打开IIS管理器,右键「网站」→「添加网站」
- 填写配置项:
- 网站名称:自定义命名(如你的应用名称)
- 物理路径:选择之前解压的Appery应用源码目录
- 绑定:设置内网IP、端口(默认80,冲突可改)、主机名(按需配置)
- 点击「确定」完成创建
4. 配置URL重写(解决SPA路由404问题)
- Appery.io生成的多为单页应用(SPA),需配置URL重写避免刷新页面报错
- 若未安装URL重写模块,通过「Web平台安装程序」搜索安装「URL Rewrite 2.0」
- 进入目标网站的「URL重写」功能,添加规则:
- 规则名称:SPA路由重写
- 匹配URL:
.* - 条件:添加条件,输入
{REQUEST_FILENAME},设置检查条件为「不是文件」 - 操作:选择「重写」,重写URL为
/index.html
- 保存规则
5. 验证部署效果
- 通过内网访问配置的IP/端口,检查应用是否正常加载、页面路由是否可用、功能是否完整
- 若静态资源加载失败,检查IIS网站权限,确保IIS_IUSRS组对源码目录有读取权限
内容的提问来源于stack exchange,提问作者Ben Cyrus
相关产品推荐
相关产品推荐

