cos wx upload file

cos-wx-อัพโหลดไฟล์

แอปเพล็ต WeChat อัปโหลดไฟล์ไปยัง Tencent Cloud v5

สาธิต

แอปเพล็ต WeChat รองรับเฉพาะคำขอ https เพื่ออัปโหลดไฟล์ ดังนั้นเราจึงเลือก Tencent Cloud เป็นเซิร์ฟเวอร์ไฟล์ นอกจากนี้ Tencent Cloud ยังมี SDK เพื่อรองรับการพัฒนาโปรแกรมขนาดเล็ก ซึ่งสะดวกสำหรับการโทรเมื่ออัพโหลดไฟล์บน WeChat

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

สถานที่ตั้ง

เราถือว่า (พี่ชาย/น้องสาว) คุณได้เริ่มพัฒนามินิโปรแกรม WeChat แล้ว

การตระเตรียม

ลงทะเบียน Tencent Cloud

ไปที่คอนโซลการจัดเก็บวัตถุ COS เพื่อสร้างที่เก็บข้อมูล

กรอกข้อมูลพื้นฐาน เช่น ชื่อบัคเก็ต เพื่อความสะดวกในการทดสอบ ให้เลือกการอ่านแบบพับลิกและการเขียนแบบส่วนตัว

เพิ่มกฎการเข้าถึงข้ามโดเมนสำหรับที่เก็บข้อมูล (สำคัญ)

หากคุณไม่คุ้นเคยกับการตั้งค่าการเข้าถึงข้ามโดเมน คุณสามารถดูการกำหนดค่าต่อไปนี้

รับบัคเก็ตของคุณ (ชื่อบัคเก็ต) ภูมิภาค (ชื่อภูมิภาค) และชื่อโดเมนการเข้าถึง

ไปที่การจัดการคีย์คอนโซลเพื่อรับ SecretId และ SecretKey ของคุณ

เข้าสู่ระบบการตั้งค่าแพลตฟอร์มสาธารณะ WeChat -> การตั้งค่าการพัฒนา กรอกชื่อโดเมนการเข้าถึงที่คุณเพิ่งได้รับในชื่อโดเมนเซิร์ฟเวอร์

ณ จุดนี้การเตรียมการทั้งหมดก็เสร็จสมบูรณ์

รันโครงการ

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

แก้ไข cos-wx-upload-filepagesindexconfig.js และแทนที่ Bucket, Region, SecretId, SecretKey

เรียกใช้แอปเพล็ต

ฉันเขียนบทช่วยสอนนี้เพราะบทช่วยสอนเว็บไซต์อย่างเป็นทางการของ WeChat เขียนในลักษณะเดียวกับ ___ หากคุณเห็นด้วย โปรดกดชอบที่มุมขวาบน

พื้นที่โฆษณาอัปยศ

designare-table: ส่วนประกอบตารางตอบสนองระดับองค์กร ประสิทธิภาพภายใต้ IE11 เหนือกว่า Ant Design

สร้างสภาพแวดล้อมการทดสอบซอร์สโค้ด React อย่างรวดเร็ว