如何把h5页面发布到tomcat

一，将项目导出成WAR包，而后将该包直接复制到tomcat的webapp目录下，这样就可以访问了

　　二，配置tomcat

　　修改${tomcathome}\conf\serverxml文件在Host节点下增加如下参考代码:

<Context docBase="D:\pafalearning\userapp\dist\tomcat\userappwar"path="/userapp"reloadable="true"/>

<Context docBase="D:\pafalearning\userapp\dist\tomcat\userappwar" path="/userapp" reloadable="true"/> docBase:指向项目的根目录所在的路径,

　　由于将项目打成了war包,所以直接指向这个war包就可以了(项目名为:userapp)

path:是一个虚拟目录,这里设置成了"userapp",则启动Tomcat后,你将通过http://localhost:8080/userapp/jsp来访问项目的相关页面

reloadable:如果设置为"true",则表示当你修改jsp文件后,不需要重启服务器就可以实现页面显示的同步

可以这样理解:将docBase实际目录下的项目,映射到${tomcathome}\webapps目录下的虚拟项目path(这里的配置指的是userapp项目)

1、功能不同

h5网站可以包括网站新闻、产品、招聘信息的丰富管理功能；h5网页只是h5的长图文页面，主要应用于信息展示，信息收集，也可以植入支付系统。

2、信息容量不同

h5网站的信息容量更大。新工式h5建站平台可以实现移动版和网页版同步。

3、传播方式不同

H5网页作为一个单独的页面，可以做成一个短链接或二维码，在线上线下都可以传播。而H5网站是一个综合性的网站，这样就无法在线下进行传播了。

扩展资料：

H5网站静态发布和动态发布的区别：

一、静态发布网站后，网页内容是实实在在保存在服务器上的文件，每个网页都是一个独立的文件，如果站长要更新网站数据，需要重新发布网站。

静态发布并不意味这网站的元素不会动，只是发布之后不会实时更新而已。

二、这种发布方式比较适用于不用经常更新数据的展示型网站，因为网站不频繁更新变动，内容相对稳定，搜索引擎对这类网站的收录效果比较好，因为是纯静态的页面，不用从后台调取数据，网站页面的打开速度也比较快。

三、动态发布意味着网站的数据支持实时更新，不同重新发布网站。这样的发布方式适用于商城、分销这类数据更新频率高的营销型网站。因为每次打开网站都要重新读取后台数据，重新加载，所以这类网站的打开速度也会比较慢。

参考资料来源：-html5

原生/H5

关于用原生好，还是用H5好的争论从没间断过。但我觉得，脱离了实际场景来讨论孰好孰坏意义不大。就说我们目前正在做的项目，先说明下背景：

首先，需求上来说，大部分页面用H5实现，可以减少很多工作量。但因为不可控因素太高，而时间又短，风险太大。而我们对原生比较熟，开发效率比较高，很多东西我也控制得了，风险相对比较低。而且，我们的主推产品是App，微信属于辅助性产品，所以，微信要求也没那么高。因此，我决定以原生为主，H5为辅，App大部分页面用原生完成，小部分用WebView加载H5。

另外，WebView加载H5也有两种模式，一种是加载服务器的H5页面，一种是加载本地的H5页面。加载服务器的H5页面比较简单，WebView只要load一下URL就可以了。加载本地的H5页面，则需要将H5文件存放在本地，包括关联的CSS和JS文件。这种方式相对比较复杂，不过，加载速度会比第一种快很多。我们当前项目基于上面考虑，只能选择第一种方案。

如果人员和时间资源充足的话，那又如何选型呢？毫无疑问，我会以H5为主，微信和App都有的页面统一用H5，App专有的部分，比如导航栏、标题栏、登录等，才用原生实现。另外，WebView里的H5有点击事件时，也许是URL链接，也许是调用JS的，都不会让它直接在该WebView里做跳转，需要拦截下来做些原生处理后跳转到一个新的原生页面，原生页面也许嵌入另一个WebView，用来展示新的H5页面。这是简单的例子，关于Hybrid App详细的设计，以后再讲。另外，关于H5，绝对是大趋势，强烈建议所有App开发人员都去学习。

Objective-C/Swift

我在项目中选择了Objective-C,现在团队懂Swift还是偏少，用Objective-C还是能提高速率的，前面说了发时间只有半个月。如果团队懂Swift的多，还是推荐用Swift的，Swift真的很简洁，生产效率很高

MVC/MVP/MVVM

先分别简单介绍下这三个架构模式吧：

架构模式上，我不会推崇说那种模式好，每种模式都各有优点，也各有极限性。越高级的模式复杂性越高，实现起来也越难。最近火热的微服务架构，比起MVC，复杂度不知增加了多少倍。

我在实际项目中思考架构时，也不会想着要用哪种模式，我只思考现阶段，以现有的人力资源和时间资源，如何才能更快更好地完成需求，适当考虑下如何为后期扩展或重构做准备。就说我前段时间分享的Android项目重构之路系列中讲的那个架构，确切地说，都不属于上面三种架构模式之一。

最后

技术选型，决策关键不在于每种技术方案的优劣如何，而在于你团队的水平、资源的多寡，要根据实际情况选择最适合你们当前阶段的架构方案。当团队拓展了，资源也充足了，肯定也是需要再重构的，到时再思考其他更合适更优秀的方案。

这个没法换服务器，只能换区。

首先，换服务器或主机前要试用，一般的服务器提供商都有试用服务，为了避免以后再次更换，建议先试用，试用没有问题后，再确定是否更换。

当然在试用时，不能把自己的域名解析到试用服务器上，可以解析个二级域名。

其次，要进行步骤规划，这是关键，我们知道，要更换服务器，需要做这些工作，备份程序和数据，上传程序，导入数据库，重新解析域名，域名绑定，配置数据库，原来服务器中内容清理等，这些工作中，有许多步骤需要关闭网站。

虽然看起来很多，但只要规划好顺利和时间，可以使工作有序而且缩短网站关闭时间。

我的做法，先把程序和数据备份出来，然后联系服务商提供新空间的名称和密码，这样，可以先把程序上传并把数据库导入，然后配置好数据库，并把空间中需要的配置一并做好。

这期间，因为原来的服务器还能使用，域名解析也没有改变，所以网站可以正常访问，激光切割机接下来，需要关闭网站来做，解析域名到新的ip地址，域名重新绑定。

这时候网站不能访问了，但重新解析和绑定后，一般经过几分钟最多十几分钟，新服务器就可以访问了，在这等待的时间里，原来服务器的内容可以清理一下，这样整个过程下来，网站就可以只关闭很短的时间。

1、本地存储WebStorage (localstorage & sessionstorage)

浏览器支持情况

（1）生命周期

localstorage永久存储除非显示移除或清空，sessionstorage在页面会话期有效关闭页面会被清除（刷新页面不会清除）；

（2）API（ls和ss相同）

length //storage内键值对数量 只读

setItem //添加键值对 key value

getItem //根据key获取键值对

key //键名 可以根据index属性获取键名

可以先写一个“访问量加1”的方法然后再等这个方法success 之后调用 显示访问量方法

<script>

$ajax({

type:"post",

url:"请服务端访问量+1的函数或方法",

async:true,

data : {

id:newsid //标识页面的参数

},

success : function(data) {

get();

}

})

function get() {

$ajax({

type:"post",

url:“获取当前页面访问量的方法”,

async:true,

data : {

id:newsid

},success : function(data) {

$("#clicksinfo")text("datafwl"); //页面显示

}

})

};

</script>