前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序转换工具—Antmove 教程解析

小程序转换工具—Antmove 教程解析

原创
作者头像
用户10827636
发布2023-11-20 14:23:48
2690
发布2023-11-20 14:23:48
举报
文章被收录于专栏:前端yyy前端yyy

虽说uniapp、Taro、Mpvue、Weex、Flutter都支持跨平台小程序的导出,允许开发者使用一套代码库创建适用于多个平台的小程序。但不同的前端框架和工具还是会有一些上手门槛,在这里推荐一款非常轻量便捷的第三方小程序转换工具Antmove。

自从微信小程序问世以后,字节、阿里、百度巨头们都各自搞各自的小程序平台,各有各的技术标准。基础技术都大差不差,但就是没法统一。搞得我们这些对接各平台的程序猿们苦不堪言。

简单了解一下Antmove

Antmove 起源于高德地图(自 2021年 Q4起,高德归属于阿里本地生活业务线)的一个内部项目。

在高德小程序平台建立之初,有许多的企业合作商希望将他们的小程序应用上线到高德小程序平台(支付宝小程序平台),但他们已经有了自己的微信小程序应用,再开发一套高德的(或是支付宝的)对企业来说是一种资源的负担。

基于这个需求,内部实现了一个微信小程序到高德小程序的转换工具,通过这个工具帮助这些企业用户快速的将他们的应用上线到高德上。目前已经有上百款小程序借助 Antmove 完成了小程序的格式迁移与转化工作。

由于不同小程序平台中始终存在的一些无法抹平的差异,和针对特定平台可能存在的不同产品能力,Antmove 已经实现了跨端语法与条件编译的能力尽可能帮助开发者降低不同代码维护的成本。

在 VS Code 中进行编译

为了使用 Antmove,我这次选择通过在 VS Code 中安装对应的拓展的方式,实现小程序代码的一键转化编译。

首先需要在 VS Code 扩展中搜索 Antmove 下载安装 Antmove vscode 转换插件。随后打开对应的小程序项目,并输入对应的命令即可。

  • 在 macOS 中打开命令面板的方式是:Command + Shift + P
  • 在 Windows 中打开命令面板的方式是:Ctrl + Shift +P

我们可以在新打开的命令窗口中运行 Antmove: Run antmove alipay-wx命令,实现支付宝小程序转换微信小程序的转换。

运行如上命令后会给出一个弹窗,选择转换后生成代码存储目录,随后代码转换完成。

当然也可以试试使用命令行编译,如果你不想使用 VS Code,也可以通过 npm 或 yarn 的形式进行开发。通过 npm 或 yarn 的形式不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简单了解一下Antmove
  • 在 VS Code 中进行编译
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档