cos wx upload file

cos-wx-upload-datei

Das WeChat-Applet lädt Dateien in Tencent Cloud v5 hoch

Demo

Das WeChat-Applet unterstützt nur https-Anfragen zum Hochladen von Dateien, daher haben wir Tencent Cloud als Dateiserver ausgewählt. Darüber hinaus bietet Tencent Cloud ein SDK zur Unterstützung der Entwicklung kleiner Programme, das beim Hochladen von Dateien auf WeChat bequem aufgerufen werden kann.

为了例子的简洁性，这里没有使用服务器鉴权，而采用了前端鉴权

Prämisse

Wir gehen davon aus (Bruder/Mädchen), dass Sie bereits mit der Entwicklung von WeChat-Miniprogrammen begonnen haben.

Vorbereitung

Registrieren Sie Tencent Cloud

Gehen Sie zur COS-Objektspeicherkonsole, um einen Bucket zu erstellen.

Geben Sie grundlegende Informationen wie den Bucket-Namen ein. Um das Testen zu erleichtern, wählen Sie öffentliches Lesen und privates Schreiben

Domänenübergreifende Zugriffsregeln für Buckets hinzufügen (wichtig)

Wenn Sie mit den domänenübergreifenden Zugriffseinstellungen nicht vertraut sind, können Sie auf die folgende Konfiguration zurückgreifen

Holen Sie sich Ihren Bucket (Bucket-Name), Ihre Region (Regionsname) und Ihren Zugriffsdomänennamen

Gehen Sie zur Konsolenschlüsselverwaltung, um Ihre SecretId und Ihren SecretKey abzurufen

Melden Sie sich bei den öffentlichen WeChat-Plattformeinstellungen -> Entwicklungseinstellungen an und geben Sie den soeben erhaltenen Zugriffsdomänennamen in den Serverdomänennamen ein

Zu diesem Zeitpunkt sind alle Vorbereitungen abgeschlossen

Führen Sie das Projekt aus

git clone https://github.com/piscium2010/cos-wx-upload-file.git

Bearbeiten Sie cos-wx-upload-filepagesindexconfig.js und ersetzen Sie Bucket, Region, SecretId und SecretKey

Applet ausführen

Ich habe dieses Tutorial geschrieben, weil das offizielle Website-Tutorial von WeChat genauso geschrieben ist wie ___. Wenn Sie damit einverstanden sind, klicken Sie bitte in der oberen rechten Ecke auf „Gefällt mir“.

Schade, Werbefläche

designare-table: React-Table-Komponente auf Unternehmensebene, die Leistung unter IE11 übertrifft Ant Design

Erstellen Sie schnell eine Testumgebung für den React-Quellcode