天天看點

幹貨大分享,三種小程式跨平台轉換工具測評!

在小程式開發的大環境下,我們可以在各種平台上開發小程式。由于平台相容性、使用的功能API不一緻等問題,我們怎樣避免再次重複開發,在不同的平台開發相同的小程式呢?

這時便衍生出了很多小程式轉換工具,這裡給大家介紹幾個好用的轉換工具插件,滿滿的幹貨,還不趕緊一睹為快!

一、vscode 插件:wx2my

wx2my

是一款在 vscode 上使用的插件工具。它可以非常快速地将微信小程式轉換成支付寶小程式。但是需要注意的是,轉換之後的支付寶小程式不能直接運作,還需要手動修改無法轉換的部分。該插件已有3233次下載下傳量。

幹貨大分享,三種小程式跨平台轉換工具測評!

wx2my 轉換工具可以幫助開發者找到需要手動修改的代碼部分,輸出 todo.html 檔案,并在轉換後的小程式代碼裡添加了注釋内容,使開發者更容易找到需要進行修改的部分。

幹貨大分享,三種小程式跨平台轉換工具測評!

轉換能力

  • .json

    : JSON檔案轉換
  • .js

    : 腳本檔案轉換
  •  樣式檔案

    .wxss

    .acss

  •  模闆檔案

    .wxml

    .axml

  •  檔案

    .wxs

    .sjs

  •  api 使用 wx2my.js 檔案橋接函數轉換
  • todo.html

    轉換結果報告,友善開發者查找檢查

示例分享

以下内容以 

證件水印助手(微信小程式版

)為例:

幹貨大分享,三種小程式跨平台轉換工具測評!

1、安裝 wx2my vscode 插件

幹貨大分享,三種小程式跨平台轉換工具測評!

2、在 vscode 裡,Ctrl+Shift+P 打開指令行

幹貨大分享,三種小程式跨平台轉換工具測評!

3、執行 wx2my 指令行,即生成一個 output 檔案夾

幹貨大分享,三種小程式跨平台轉換工具測評!

同時也生成了一個 todo.html 檔案,可參考這個檔案進行代碼修改

幹貨大分享,三種小程式跨平台轉換工具測評!

4、使用支付寶小程式 IDE 打開 output 檔案夾,即可以看到轉換相對較成功的小程式

幹貨大分享,三種小程式跨平台轉換工具測評!

二、vscode 插件:Antmove

Antmove(螞蟻搬家)

 是一款在 vscode 上使用的插件工具。它是一種輕量級的小程式多端解決方案,它可以幫助開發者低成本地實作小程式的跨平台開發(微信小程式、支付寶小程式、百度智能小程式、頭條小程式),達到一套代碼開發、多小程式平台運作的目的,也在一定程度上降低了小程式多平台的開發成本。該插件已有1414次下載下傳量。

幹貨大分享,三種小程式跨平台轉換工具測評!

Antmove 支援跨平台,可以轉換多種小程式。

編譯指令 描述
wx-alipay 微信小程式轉支付寶小程式,支援阿裡系其它平台小程式編譯(如 釘釘小程式)
wx-baidu 微信小程式轉百度智能小程式
wx-tt (非正式版) 微信小程式轉位元組跳動小程式
alipay-wx 支付寶小程式轉微信小程式
alipay-baidu 支付寶小程式轉百度智能小程式
wx-compiler 對于有跨平台代碼編寫的,可以用該指令得到純淨的微信小程式代碼
alipay-compiler 原生支付寶小程式引用 Antmove 轉換而來的元件庫時,使用該指令對引用項目編譯,以支援 relations 和 selectComponent 能力

三、npm 包:wxToAlipay

wxToAlipay

 是一款在 NPM 包管理下使用的微信小程式轉支付寶小程式。它在打包之前,會對源碼進行校驗,隻有校驗通過後才能進行打包。使用時同樣需要注意,我們需要手動修改不能轉換的部分。在 Github 上,該項目已有 84 個 star。

幹貨大分享,三種小程式跨平台轉換工具測評!

文法 是否支援
js
json
wxml
wxss
wxs
svg
自定義元件

總結

總體來說,經過多次嘗試,wx2my 和 Antmove 一直保持較好的穩定性,每次轉換都能成功;而 wxToAlipay 偶爾發生故障、報錯。作為 vscode 插件,wx2my 和 Antmove 使用起來也比較友善,隻需一行指令即可快速轉換。此外, Antmove 還支援轉換成各種其他平台的小程式,在多平台支援方面遙遙領先。wx2my 則貼心地給出了需手工轉換的報告,和對應的方法、API 的微信和支付寶文檔連結,十分人性化。最後,從幫助文檔的角度來看,wx2my 和 Antmove 文檔詳實細緻、簡潔明了,體驗較好。

Antmove
功能穩定 ☆☆☆☆☆ ☆☆☆
簡潔易用 ☆☆☆☆
多平台支援
服務貼心
文檔詳實

以上的幹貨有沒有給你帶來幫助呢?歡迎關注我,給你帶來更多的幹貨内容!

繼續閱讀