cos wx upload file

cos-wx-upload-file

L'applet WeChat télécharge des fichiers sur Tencent Cloud v5

Démo

L'applet WeChat ne prend en charge que les requêtes https pour télécharger des fichiers, nous avons donc choisi Tencent Cloud comme serveur de fichiers. De plus, Tencent Cloud fournit un SDK pour prendre en charge le développement de petits programmes, ce qui est pratique pour appeler lors du téléchargement de fichiers sur WeChat.

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

prémisse

Nous supposons (frère/fille) que vous avez déjà commencé à développer des mini-programmes WeChat.

Préparation

Enregistrer Tencent Cloud

Accédez à la console de stockage d'objets COS pour créer un bucket,

Remplissez les informations de base telles que le nom du bucket. Pour faciliter les tests, sélectionnez lecture publique et écriture privée

Ajouter des règles d'accès inter-domaines pour les buckets (important)

Si vous n'êtes pas familier avec les paramètres d'accès inter-domaines, vous pouvez vous référer à la configuration suivante

Obtenez votre bucket (nom du bucket), votre région (nom de la région) et accédez au nom de domaine

Accédez à la gestion des clés de la console pour obtenir votre SecretId et SecretKey

Connectez-vous aux paramètres de la plateforme publique WeChat --> Paramètres de développement, remplissez le nom de domaine d'accès que vous venez d'entrer dans le nom de domaine du serveur

À ce stade, tous les préparatifs sont terminés

Exécuter le projet

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

Modifiez cos-wx-upload-filepagesindexconfig.js et remplacez votre bucket, votre région, votre SecretId et votre SecretKey.

Exécuter l'applet

J'ai écrit ce tutoriel parce que le tutoriel du site officiel de WeChat est écrit de la même manière que ___ Si vous êtes d'accord, veuillez l'aimer dans le coin supérieur droit.

Honte à l'espace publicitaire

designare-table : composant de table de réaction au niveau de l'entreprise, les performances sous IE11 battent Ant Design

Créez rapidement un environnement de test de code source React