微信小程序转uni-app

将现有微信小程序转换成uni-app, 方便支持不同端

1、安装转换工具 

npm install miniprogram-to-uniapp -g

2、检查工具是否正确安装

wtu -V

3、执行转换命令

wtu -i "小程序路径代码路径"

4、通过vue-cli命令行创建uni-app工程,可参考文miniprogram-to-uniapp使用指南

5、将第三步中生成的文件夹,改名为src, 替换第四步中的创建的工程目录的src文件

6、安装依赖

yarn install

7、打包

npm run build:mp-weiixn

8、使用微信开发者工具打开文件夹dist/build/mp-weixin

9、某些项目会发现第7步报错, 报错后,直接执行第8步,排查错误,很可能转化之后的某些组件的引用路径有问题,根据开发者工具里的错误提示一一修复即可。

10、所有原来小程序直接绑定在app上的,转换后全部归并到globalData里, 页面内需要使用app.globalData.来访问

详细请参考:

miniprogram-to-uniapp使用指南:https://ask.dcloud.net.cn/article/36037

uni-app官方文档:https://uniapp.dcloud.io/frame

 

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值