小程式轉換工具—Antmove 教程解析

xuyyxuxu發表於2023-11-20

雖說uniapp、Taro、Mpvue、Weex、Flutter都支援跨平臺小程式的匯出,允許開發者使用一套程式碼庫建立適用於多個平臺的小程式。但不同的前端框架和工具還是會有一些上手門檻,在這裡推薦一款非常輕量便捷的第三方小程式轉換工具Antmove。


自從微信小程式問世以後,位元組、阿里、百度巨頭們都各自搞各自的小程式平臺,各有各的技術標準。基礎技術都大差不差,但就是沒法統一。搞得我們這些對接各平臺的程式猿們苦不堪言。

簡單瞭解一下Antmove

Antmove 起源於高德地圖(自 2021年 Q4起,高德歸屬於阿里本地生活業務線)的一個內部專案。

在高德小程式平臺建立之初,有許多的企業合作商希望將他們的小程式應用上線到高德小程式平臺(支付寶小程式平臺),但他們已經有了自己的微信小程式應用,再開發一套高德的(或是支付寶的)對企業來說是一種資源的負擔。

基於這個需求,內部實現了一個微信小程式到高德小程式的轉換工具,透過這個工具幫助這些企業使用者快速的將他們的應用上線到高德上。目前已經有上百款小程式藉助 Antmove 完成了小程式的格式遷移與轉化工作。

由於不同小程式平臺中始終存在的一些無法抹平的差異,和針對特定平臺可能存在的不同產品能力,Antmove 已經實現了跨端語法與條件編譯的能力盡可能幫助開發者降低不同程式碼維護的成本。

小程式轉換工具—Antmove 教程解析

在 VS Code 中進行編譯

為了使用 Antmove,我這次選擇透過在 VS Code 中安裝對應的擴充的方式,實現小程式程式碼的一鍵轉化編譯。

小程式轉換工具—Antmove 教程解析

首先需要在 VS Code 擴充套件中搜尋  Antmove 下載安裝 Antmove vscode 轉換外掛。隨後開啟對應的小程式專案,並輸入對應的命令即可。

  • 在 macOS 中開啟命令皮膚的方式是:Command + Shift + P
  • 在 Windows 中開啟命令皮膚的方式是:Ctrl + Shift +P

小程式轉換工具—Antmove 教程解析

我們可以在新開啟的命令視窗中執行  Antmove: Run antmove alipay-wx命令,實現支付寶小程式轉換微信小程式的轉換。

小程式轉換工具—Antmove 教程解析

執行如上命令後會給出一個彈窗,選擇轉換後生成程式碼儲存目錄,隨後程式碼轉換完成。

當然也可以試試使用命令列編譯,如果你不想使用 VS Code,也可以透過 npm 或 yarn 的形式進行開發。透過 npm 或 yarn 的形式不僅可在開發環境輕鬆除錯,也可放心地在生產環境打包部署使用,享受整個生態圈和工具鏈帶來的諸多好處。




來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70034940/viewspace-2996180/,如需轉載,請註明出處,否則將追究法律責任。

相關文章