返回
快速导航关闭
当前搜索
网站分类
栏目推荐
实用工具
热门标签
子分类:
创奇学院 >微信 >小程序 >小程序开发 » 正文

微信小程序快速开发,开源精选 - 小程序跨平台快速转换器Antmove

小程序开发 更新时间: 发布时间: 小程序开发归档 最新发布 网站地图

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个多端小程序转换器——Antmove。


Antmove(中文:蚂蚁搬家),是一个小程序平台开发的统一解决方案,通过编写一次代码,编译成不同平台的小程序代码,支持微信小程序、支付宝小程序、百度智能小程序、头条小程序以及更多小程序平台。


Antmove特性:

  • 简单易使用,一键转换

  • 配套详细的编译时日志/运行时日志工具

  • 编译生成代码可读性强,可二次编程

  • 二次编译支持

  • 组件转换支持

Antmove转换原理:

  • Antmove转换小程序大致分为三个阶段,分别为转换前、转换中和转换后

  • 转换前,Antmove对小程序做了预处理,包括判断小程序的平台、使用者配置的开发环境、判断转换的完整小程序还是组件维度等

  • 转换中,Antmove对模版,样式,Json,Js等文件进行处理,以达到跨平台开发的目的

  • 转换后,在转换后的文件中生成_antmove文件,该文件中包含对API、组件、生命周期的差异支持和抹平


示例(微信转支付宝):

  • 使用 npm 或 yarn 安装

全局安装

$ npm install antmove -g

本地安装

$ npm install antmove –save
  • 使用:

命令行使用

使用将终端切换到需转换编译的微信小程序项目路径

antmove wx-alipay ./dist/alipay-app

或者使用 antmove -i 命令 将./wechat-mini/project 微信小程序转换到 ./dist/alipay-mini/project 目录

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

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();

更多内容大家可自行前往阅读。


开源地址:https://gitee.com/mirrors/Antmove

转载请注明:文章转载自 http://www.320g.com/
本文地址:http://www.320g.com/xcxkf/30601.html
考高分网交流群

扫一扫加入QQ交流群

和更多志同道合朋友一起交流,分享干货资料!
创奇学院客服

扫一扫加客服微信

有疑问请咨询创奇学院微信号,在线为您解答!
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 Copyright 320g.com Rights Reserved. Powered · 创奇学院

ICP备案号:陇ICP备2020003353号