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

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

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

话不多说直接开干~~

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

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

1.通过npm全局安装alita

2.官方文档说明可以直接通过react native init一份项目直接转化，不过试了试，有问题，小程序一直报未找到入口文件 app.js，所以尽量使用alita官方提供的examples文件，所以可以clone一份HelloWorldRN，将文件稿岩州名改为你的项目名就可以了：比如Demo

3.使用命令转化为小程序

4.安装相关依赖

5.将Demowp导入到微信开发者工具运行枣兆即可！Alita生成的小程序使用了小程序的npm功能， 所以需键蔽要在微信开发者工具下构建npm， 工具 -->构建npm

6.运行效果

github: https://github.com/areslabs/alita

如果供应商的信息系统集成认证的，只要供应商与钉钉考勤管理软件双方物简裂提供接口罩闭就可以对接的，前提是工程项目管理软咐顷件有系统对接的能力。就好比市面上的eHR人力资源管理系统大多都能与钉钉的考勤软件对接一样。

---