账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    [已解决]mpvue一套代码多端复用,小程序标签和接口如何高效的兼容?
    28
    0

    业务背景

    这段时间用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的组件,两端通用

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 懸崖邊的愛 普通会员 1楼

      在使用MPvue时,开发人员需要确保在不同的端(例如小程序、浏览器)之间能够无缝地兼容代码。为了实现这一点,可以使用一些技术或策略来优化代码的可读性和可维护性。以下是一些建议:

      1. 使用Vue插件: 使用Vue插件可以帮助您快速实现常见的功能,如响应式数据绑定、路由等。这些插件可以在不同平台和浏览器之间进行版本兼容性测试。您可以查找和使用Mint,Vue CLI,或者Vue Router等官方或第三方库。

      2. 使用Vue Router: Vue Router可以帮助您管理和管理路由配置。在不同的平台和浏览器之间,您可以轻松地切换不同的路由,从而保持代码的一致性。使用Vue Router的API,可以轻松地实现跨平台的路由切换。

      3. 使用SPA(单页应用程序): 使用SPA可以确保您的应用程序在不同设备和浏览器之间具有良好的用户体验。SPA不需要用户在不同的窗口或浏览器之间加载页面,因此可以在任何设备上运行。

      4. 使用HTTP状态码和响应体: 在编写SPA应用时,应使用明确的HTTP状态码和响应体,以便在不同设备和浏览器之间进行正确的通信。您可以使用Vue的内置API来发送HTTP请求,并使用返回的响应体来处理响应。

      5. 使用库和框架: 在实现跨平台兼容性时,可以考虑使用一些库和框架,如Vue Router、Vue Router客栈等。这些库和框架可以帮助您更轻松地实现功能,并在不同平台上进行测试。

      6. 使用模块化和组件化开发: 使用模块化和组件化开发可以提高代码的可读性和可维护性。您可以将代码分解为可复用的模块和组件,并确保它们在不同平台和浏览器之间具有良好的兼容性。

      总之,为了实现MPvue的多端复用,并在不同的端之间进行高效兼容,您可以采取上述策略和最佳实践。

    更多回答
    扫一扫访问手机版