Wie konvertiere ich ein Miniprogrammprojekt in ein Uni-App-Projekt? Der folgende Artikel stellt Ihnen die Methode zur Konvertierung des WeChat-Applets in ein Uni-App-Projekt vor. Ich hoffe, er wird Ihnen hilfreich sein!
Als ich zuvor an einem Uni-App-Projekt gearbeitet habe, musste das Front-End eine relativ komplexe dynamische Tab- und Swiper-Umschaltfunktion implementieren, aber aufgrund meiner eigenen Front-End-Lahmheit habe ich es nicht geschrieben heraus, und dann habe ich im Internet eine Seite in einem WeChat-Applet gefunden, die meinen Anforderungen perfekt entsprach. Die Frage ist also: Wie konvertiere ich das WeChat-Applet in ein Uni-App-Projekt? Nach der Suche nach relevanten Lösungen im Internet gibt es tatsächlich ein Projekt zur Konvertierung von WeChat-Miniprogrammen in Uni-Apps. Der Name des Projekts lautet [miniprogram-to-uniapp]. Mal sehen, wie man es in die Praxis umsetzt.
Übersicht: Es handelt sich um ein Open-Source-Projekt, das WeChat-Projekte in Uni-App-Projekte umwandeln kann
Github-Adresse: https://github.com/zhangdaren/miniprogram-to-uniapp
Bedienungsanleitung: https://ask.dcloud.net.cn/article/36037
Da dieses Projekt das NPM-Paketverwaltungstool verwenden muss Um das entsprechende Projektpaket zu installieren, ist NPM ein Paketverwaltungstool, das zusammen mit NodeJS installiert wird. Als Nächstes müssen wir also nur noch node.js installieren und konfigurieren.
Detailliertes Tutorial zur Installation und Konfiguration von Node.js: https://www.runoob.com/nodejs/nodejs-install-setup.html
Überprüfen Sie zunächst die NPM-Version: ?? Ja
Schritt drei, Miniprogram-to verwenden – uniapp Konvertieren Sie das WeChat-Applet in eine Uni-App. Beispiel:
Laden Sie zuerst das WeChat-Applet herunter, das konvertiert werden muss:
Zu Demonstrationszwecken habe ich beiläufig eine WeChat-Applet-Mall heruntergeladen. Die Projektadresse lautet: https://. github.com/hanxue10180/shangchengnpm init
命令即可
首先下载需要转化的微信小程序:
为了示范随便下载了一个微信小程序商城,项目地址为:https://github.com/hanxue10180/shangcheng
下图为微信小程序的基本结构:
安装miniprogram-to-uniapp,并将小程序转化为uni-app项目:
因为这个包是工具,要求全局都能使用,所以需要-g进行全局安装,运行以下命令进行安装:
npm install miniprogram-to-uniapp -g
安装完成,执行以下命令查看工具版本:
(wtu -> 取自wx to uni之意,后面都用这个全局命令)
wtu -V
运行以下命令将微信小程序转化为uni-app项目:
在命令行里,输入【wtu -i "你的小程序项目路径"
】,注意-i
后面有个空格!!!如:【wtu -i "G:shangcheng"
Das Bild unten zeigt die Grundstruktur des WeChat-Applets:
Da dieses Paket ein Tool ist und eine globale Verwendung erfordert, also - g ist erforderlich. Um global zu installieren, führen Sie den folgenden Befehl aus:
rrreee
Nachdem die Installation abgeschlossen ist, führen Sie den folgenden Befehl aus, um die Tool-Version anzuzeigen:
(wtu -> wird von wx nach uni übernommen, dieser globale Befehl wird später verwendet) 🎜rrreee 🎜🎜🎜🎜Führen Sie den folgenden Befehl aus, um das WeChat-Applet zu konvertieren in ein Uni-App-Projekt: 🎜🎜🎜Geben Sie in der Befehlszeile [wtu -i "Ihr Applet-Projektpfad"
] ein. Beachten Sie, dass nach -i
ein Leerzeichen steht >! ! ! Beispiel: [wtu -i "G:shangcheng"
] 🎜🎜Nachdem Sie die Eingabetaste gedrückt haben, können Sie im Quellprojekt und im Verzeichnis ein Verzeichnis mit dem Suffix _uni abrufen, das heißt, die Konvertierung ist erfolgreich . Wie im Bild unten gezeigt: 🎜🎜🎜🎜🎜🎜🎜🎜🎜 Es ist fertig und wurde erfolgreich in eine Uni-App-Projektstruktur umgewandelt: 🎜🎜🎜🎜🎜🎜Empfohlen: „🎜uniapp-Tutorial🎜“🎜Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie Sie ein kleines Programmprojekt in ein Uni-App-Projekt umwandeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!