在小程式開發的大環境下,我們可以在各種平台上開發小程式。由于平台相容性、使用的功能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 | |||
---|---|---|---|
功能穩定 | ☆☆☆☆☆ | ☆☆☆ | |
簡潔易用 | ☆☆☆☆ | ||
多平台支援 | |||
服務貼心 | |||
文檔詳實 |
以上的幹貨有沒有給你帶來幫助呢?歡迎關注我,給你帶來更多的幹貨内容!