东莞seo网站建设,免费好用的网站管理系统,o2o网站建设方案,上海工商网站小程序分类#xff1a;uni-app qq小程序 支付宝小程序 百度小程序 钉钉小程序 微信小程序 小程序转成uni_app 小程序转为uni_app 小程序转uni_app 小程序转换 工具现在支持npm全局库、HBuilderX插件两种方式使用#xff0c;任君选择#xff0c;HBuilderX插件地址#xff1a…小程序分类uni-app qq小程序 支付宝小程序 百度小程序 钉钉小程序 微信小程序 小程序转成uni_app 小程序转为uni_app 小程序转uni_app 小程序转换 工具现在支持npm全局库、HBuilderX插件两种方式使用任君选择HBuilderX插件地址https://ext.dcloud.net.cn/plugin?id2656
一、它是谁
【miniprogram-to-uniapp】转换微信小程序”项目为uni-app项目新版本工具已经支持各种小程序转换。
二、它的原理是什么
最初是学了半节课堆和栈觉得词法分析挺有意思的再加上转换小程序插件时发现这些繁琐的操作完全可以使用程序来完成。 核心是使用Babel获取AST词法分析)然后或使用Babel自带函数增删或正则分析替换等等操作。 可能有的朋友觉得这种为啥不是纯正则分析 纯正则可以解决一部分问题对于标签与标签内容其实正则是很难进行区分的哈。
三、它能做哪些事情
支持微信、QQ、头条/抖音、支付宝/钉钉和百度等小程序转换到 uni-app 项目 支持有/无云开发的小程序项目转换为 uni-app 项目(cloudfunctions 目录将被忽略uni-app 结合小程序云开发见使用 uni-app 进行微信小程序云开发经验分享) 支持解析 TypeScript 小程序项目 支持解析使用 npm 模块的小程序项目 支持解析 include 标签 支持解析 template 标签 支持解析 Behavior 文件为 mixins 文件 支持.js’, .wxml 和*.wxss 文件进行相应转换并做了大量的优化 支持识别 App、Page、Component、VantComponent、Behavior 和纯 Javascript 文件的转换 修复变量名与函数重名的情况 合并使用 require 导入的 wxs 文件 setData() polyfill 搜索未在 data 声明而直接在 setData()里使用的变量并修复 使用jyf-parser替换 wxParse(感谢网友 “爱瑞巴勒康忙北鼻” 的建议) 因 uni-app 会将所有非 static 目录的资源文件删除因此将所有资源文件移入 static 目录并修复所有能修复到的路径(目前 uni 编译时会将非 static 目录的文件复制一份到 static 目录但并不完全因此本功能仍保留)
四、它还有哪些不支持转换
不支持转换反编译后的小程序项目 不支持转换使用 uni-app 编译的小程序项目 不支持转换使用 redux 开发的小程序(代表为网易云信小程序 DEMO) 不支持转换使用 wxpage 开发的小程序(https://github.com/tvfe/wxpage) 不支持转换使用腾讯 omi 开发的小程序(https://github.com/Tencent/omi) 不支持转换小程序抽象节点 componentGenerics 不支持 component 里的 pageLifetimes 生命周期请手动绕过 不支持使用 js 系统关键字作为函数或变量名(如 default、import、return、switch 等) 不支持以$开头的变量名称如 Page({data:{$data:{name:“hello”}}}) 刚好$data 是 vue 内置变量so 不支持需手动修复 不支持以动态绑定的函数input input“test{{index1}}”需手动修复 更多请参照miniprogram to uniapp 工具答疑
五、怎么使用
第一步
在命令行里运行【 npm install miniprogram-to-uniapp -g 】进行安装因为这个包是工具要求全局都能使用所以需要-g进行全局安装。 npm install miniprogram-to-uniapp -g 如果运行npm报错请先安装Node.js下载地址https://nodejs.org/zh-cn/
第二步
继续在命令行里运行【 wtu -V 】执行结果如下 wtu -V显示版本号说明已经安装成功了。wtu - 取自wx to uni之意后面都用这个全局命令
第三步
在命令行里输入【wtu -i “你的小程序项目路径”】 注意 -i 前面和后面都有空格 注意 -i 前面和后面都有空格 注意 -i 前面和后面都有空格 如【wtu -i “E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni”】 回车后即可以在源项目同及目录得到一个后缀为_uni的目录即转换成功。
wtu -i E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni转换前
转换后
转换后的项目文件对比左边是小程序项目右边是Uni-app项目目录
第四步
将转换后的xxx_uni项目导入到hbuilder X 点击菜单 运行– 运行到小程序模拟器–微信开发者工具如果是使用了vant的项目请运行到H5vant项目转换后仅支持H5和app 点击菜单 运行– 运行到小程序模拟器–微信开发者工具如果是使用了vant的项目请运行到H5vant项目转换后仅支持H5和app 点击菜单 运行– 运行到小程序模拟器–微信开发者工具如果是使用了vant的项目请运行到H5vant项目转换后仅支持H5和app 重要的话说三遍 然后查看转换后的项目运行到小程序是否可以正常运行无报错 (因为这种转换非100%所以至少需要保证 小程序–uniapp–小程序仍然能正常运行再考虑运行到其他小程序或app) 如有报错请根据miniprogram to uniapp 工具答疑 进行修改保证无报错然后再运行到其他平台。
转换工具下载地址 https://download.csdn.net/download/weixin_43025151/87642314
