Heim  >  Artikel  >  WeChat-Applet  >  So generieren Sie einen QR-Code mit einem Miniprogramm

So generieren Sie einen QR-Code mit einem Miniprogramm

coldplay.xixi
coldplay.xixiOriginal
2021-01-04 15:40:5086049Durchsuche

So generieren Sie einen QR-Code mit einem Miniprogramm: Erstellen Sie zunächst ein neues Code-Snippet, laden Sie die Datei [weapp.qrcode.min.js] herunter und kopieren Sie sie in das Miniprogrammverzeichnis. js]-Datei und legen Sie sie fest [canvas-id]; Rufen Sie abschließend die qrcode-Methode auf, um einen QR-Code zu generieren.

So generieren Sie einen QR-Code mit einem Miniprogramm

Die Betriebsumgebung dieses Artikels: Windows 7-System, kleines Programmentwicklungstool Version V1.02.1909111, Dell G3-Computer.

Verwandte Lernempfehlungen: Miniprogramm-Entwicklungs-Tutorial

So generieren Sie QR-Codes aus Miniprogrammen:

1. Öffnen Sie zunächst die Entwicklungstools und erstellen Sie ein neues Miniprogramm-Code-Snippet, wie in der Abbildung unten gezeigt

So generieren Sie einen QR-Code mit einem Miniprogramm

2. Öffnen Sie dann Github, suchen Sie nach weapp-qrcode und wählen Sie die erste Option aus, wie unten gezeigtweapp-qrcode,选择第一个选项,如下图所示

So generieren Sie einen QR-Code mit einem Miniprogramm

3、然后进入到详情界面,下载weapp.qrcode.min.js文件,如下图所示

So generieren Sie einen QR-Code mit einem Miniprogramm

4、接着将weapp.qrcode.min.js文件拷贝到小程序目录下面,如下图所示

So generieren Sie einen QR-Code mit einem Miniprogramm

5、然后打开小程序的index.js文件,在顶部导入weapp.qrcode.min.js文件,如下图所示

So generieren Sie einen QR-Code mit einem Miniprogramm

6、接着打开wxml文件,声明一个canvas,并且设置一个canvas-id

So generieren Sie einen QR-Code mit einem Miniprogramm

So generieren Sie einen QR-Code mit einem Miniprogramm3. Rufen Sie dann die Detailoberfläche auf und laden Sie die Datei weapp.qrcode.min.js herunter. wie in der Abbildung unten gezeigt

ed97e8ea8313f679879f7a8d5953874 .png

4. Kopieren Sie dann die Datei weapp.qrcode.min.js in das Miniprogrammverzeichnis, wie in der Abbildung unten gezeigtSo generieren Sie einen QR-Code mit einem Miniprogramm

So generieren Sie einen QR-Code mit einem Miniprogramm

5. Öffnen Sie dann die Datei index.js des Miniprogramms und importieren Sie den weapp.qrcode. min .js-Datei oben, wie in der Abbildung unten gezeigt

So generieren Sie einen QR-Code mit einem Miniprogramm So generieren Sie einen QR-Code mit einem Miniprogramm

🎜 6. Öffnen Sie als Nächstes die WXML-Datei, deklarieren Sie eine Leinwand und legen Sie eine canvas-id fest, wie in der Abbildung unten gezeigt🎜🎜🎜🎜🎜7 . Rufen Sie dann die qrcode-Methode in der Datei index.js auf, um den QR-Code und das Textattribut zu generieren. Lassen Sie uns über den Inhalt des QR-Codes sprechen, wie im Bild unten gezeigt. Führen Sie abschließend das Miniprogramm aus Sehen Sie sich den generierten QR-Code an und scannen Sie ihn, um den Inhalt des Textes zu lesen, wie im Bild unten gezeigt🎜🎜🎜 🎜

Das obige ist der detaillierte Inhalt vonSo generieren Sie einen QR-Code mit einem Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn