H5项目嵌入微信小程序的坑

最近公司有了新的需求,就是把之前用 react+antd-mobile 开发的H5加上支付功能且支付只能用小程序支付。

本来我想着挺简单的，直接把url嵌入到 web-view 中就可以了，然后再加上支付就可以了。

话不多说直接开干~~

写着写着发现了好多问题：

然后需要去找到你需要滚动的DOM解除阻止下拉滑动

您好，一、视图层区别

两者首先在视图层的角度上来说就有着很大的区别，特别是它们的开发工具就是非常不同的，小程序都是依赖于微信客户端的，所以相对来说开发工具没有H5那么多。

另外两者的开发语言也都是不同的，微信小程序有自己的一套标签与样式语言，与标准的H5语言是不一样的。

微信小程序还独立了很多的原生app的组件，所以它在组件封装上面与H5也都是有所不同的，我们只需要通过这些方面进行对比，就能够大致了解它们的不同。

二、服务器区别

微信小程序与H5在服务器和域名等方面的配置也都是有着极大不同的，比如说域名上面，小程序肯定是依托于微信平台的，而且必须备案，而普通的H5网站相对来说域名的选择要更为广泛一些。

在服务器的配置上面也都会有着明确的区别，两者对于服务器的要求上，小程序的要求要更高一点。

三、数据性区别

再来我们还可以看到的是，这两者之间的数据区别也是很大的，H5网页里面的所有数据，都会在客户自己的服务器上面，所以对于数据来源的处理就变得十分地简单。而微信小程序里面的数据都需要上传到微信服务器上，还有一些数据则是放在自己的服务器上面，相对来说需要专门进行程序接口的设置，因此两者看着相似，实际上很多方面都是截然不同的。

以上就是关于H5项目嵌入微信小程序的坑全部的内容，包括:H5项目嵌入微信小程序的坑、微信h5和小程序区别、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！