[已解决]mpvue一套代码多端复用,小程序标签和接口如何高效的兼容?

Question

业务背景

这段时间用mpvue写了一个小程序
现在需要把它转换成公众号
在转换的过程中遇到比较多细节问题
主要是小程序专用标签和小程序接口上的

• 标签

  • 在小程序中使用了swiper等标签,webpack无法通过编译

• 接口

  • 使用了wx开头的接口,打开浏览器调试的时候就一直会报错,因为浏览器环境没有wx对象

困扰

1. 现在必须把所有的swiper等小程序标签改成h5的,地方多了就比较麻烦
2. 接口也是一样,改的太多了比较麻烦,比如wx.showToast在很多地方都有用到,我得一个一个的去找到并且修改成对应的h5方式

问题

类似flyio兼容请求的插件,有没有兼容小程序标签和小程序接口的插件呢?
或者有没有更高效的方式来解决这种冲突呢?

解决

现在是2019年6月29号,差不多过去1年了.uni-app在样式和接口上都有做封装.小项目完全可以满足了.

现在是2018年7月12号.到目前为止,mpvue社区还没有相关的外部插件或组件来解决这个问题.

• 接口处理

目前是自己写了一个中间层.导出wx变量,不同的环境下引用不同的wx.小程序环境就调用小程序的接口,h5环境下就用mint-ui封装,暴露出来的方法名改写成和小程序的一模一样即可

• 标签处理

尽量不使用小程序专用标签,直接改写mint-ui的组件,两端通用

Answer 1

见楼主~!~