网站推广.NET

网站推广.NET

一语破的:Antmove-小程序的多端统一框

来源:互联网

简介

Antmove(中文:Antmove)是由小程序平台开发的统一解决方案。只需编写一次代码即可将其编译为不同平台的小程序代码,例如微信小程序和支付宝,这两种代码现在更常用小程序,百度Smart 小程序,头条小程序等平台。 Antmove现在支持微信小程序和支付宝小程序的转换,其中包括百度Smart 小程序,头条小程序以及更多支持。

Github地址

应用场景

开发指南

antmove的初衷是提供小程序跨平台开发解决方案,以帮助开发人员实现小程序跨平台开发(微信小程序,支付宝小程序,百度Smart 小程序,头条小程序),以实现一组代码开发和多个小程序平台操作的目标。

目前,antmove已帮助许多微信小程序迁移到支付宝小程序,并且代码转换率高达90%+,这大大降低了小程序开发公司的人工成本。该工具不仅可以在运行时平滑差异,而且可以从头开始部分实现API的过程并支持缺少的组件。

1、功能

2、安装

vscode转换插件,您可以在VSCode扩展中搜索Antmove,以下载并安装该转换插件以实现一键转换。

3、编译步骤

4、使用npm或yarn进行安装

建议使用npm或yarn进行显影。它不仅可以在开发环境中轻松调试,而且可以放心地打包和部署在生产环境中

$ npm install antmove -g

$ npm install antmove --save

由于网络的环境原因,您可以使用cnpm进行安装

5、命令行用法

以下命令行只能通过npm或yarn全局安装使用。

提供了两种可用的命令行调用方法:

antmove wx-alipay ./dist/alipay-app

antmove -i ./wechat-mini/project -o ./dist/alipay-mini/project --env development

上述命令意味着将./wechat-mini/project 微信小程序项目转换为Alipay 小程序项目,并转换为./dist/alipay-mini/project目录

参数说明

6、如何使用Node.js

简单的例子

const path = require('path');const transformFramework = require('antmove');const WechatPlugin = require('@antmove/wx-alipay');let outputPath = path.join(__dirname, '../../dist');let inputDirPath = path.join(__dirname, '../../examples/miniprogram-demo/miniprogram');const App = transformFramework();App.use( WechatPlugin, { entry: inputDirPath, dist: outputPath + '/alipaymini-demo', env: 'development' }) .start();

7、API

transformFramework

工具实例生成功能。

const transformFramework = require('antmove');const App = transformFramework(); // 得到的 app 实例即可进行转换处理操作

应用

8、高级用法

9、计划推出

组件

屏幕截图列表

摘要

如今,前端技术和框架正在盛开。没有人敢说最好的。像Antmove这样的新产品或多或少都是思想的体现,无疑都是为了解决前端的痛点,多端统一的问题,例如以前引入的uniapp就是更好的产品,而Taro框架值得探索,感兴趣的朋友可以去学习!