微信小程序转换为uni-app项目

时间:2024-02-22 20:45:23

【转成uni-app原因】

    项目中遇到一个需求在微信小程序中无法实现。由于小程序中的限制太多,所以尝试把当前开发的微信小程序 转成 uni-app,再通过uni-app把前端代码打包成app从而解决问题。

【遇到的问题】

     查看uni-app文档发现 在生命周期,函数未知,data数据赋值,时间绑定,判断循环指令等地方都存在差异。尝试手动转写是可行的,效率太低。

【解决方案】

     百度找到开源转写工具 miniprogram-to-uniapp 可实现微信小程序转成uni-app项目。

     具体可参考 文章 有对此工具的详细讲解。

【步骤】

 

       第一步:在命令行里,运行【 npm install miniprogram-to-uniapp -g 】进行安装,因为这个包是工具,要求全局都能使用,         所以需要-g进行全局安装。

 

       第二步: 继续在命令行里,运行【 wtu -V 】,执行结果如下:

        显示版本,说明已经安装成功了。(wtu -> 取自wx to uni之意,后面都用这个全局命令)

第三步:在命令行里,输入【wtu -i "你的小程序项目路径" -o "输出目录,可不填"】,如:【wtu -i "E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni"】 ,回车后即可以在源项目同及目录得到一个后缀为_uni的目录,即转换成功。