ดาวน์โหลด wechat miniprogram examples - wechat miniprogram examples ดาวน์โหลดซอร์สโค้ด

wechat miniprogram examples

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

ตัวอย่างโปรแกรม WeChat Mini

[2019-01-14] เมื่อฉันมองย้อนกลับไปที่โค้ดมินิโปรแกรมของตัวเองเมื่อเร็ว ๆ นี้ ฉันรู้สึกว่าโค้ดมันยุ่งนิดหน่อย
[2017-09-09] งานปัจจุบันของฉันไม่เกี่ยวข้องกับมินิโปรแกรม แต่ฉันจะติดตามการเปลี่ยนแปลง API ของมินิโปรแกรมเป็นครั้งคราวเพื่อให้ตัวอย่างทำงานตามปกติ ฉันยินดีต้อนรับทุกคนเพื่อชี้ให้เห็นปัญหา
[2016-11-03] WeChat Mini Program ได้รับความนิยมอย่างมากเมื่อเร็ว ๆ นี้ แม้ว่าจะยังอยู่ภายใน แต่ฉันก็ยังเห็นบทความมากมายที่เกี่ยวข้องกับ WeChat Mini Program เนื่องจากเป็นที่นิยมมาก ฉันจึงอยากใช้เวลาว่างด้วย เพื่อพยายามเรียนรู้และทำอะไรสักอย่าง ผู้เขียนเพิ่งสำเร็จการศึกษาและทำงานมาได้เพียง 3 เดือน ความสามารถในการพัฒนาที่แท้จริงไม่สามารถเทียบได้กับ Daniel และเนื้อหาทางเทคนิคของ DEMO ที่เขาทำนั้นค่อนข้างต่ำ จุดประสงค์ส่วนตัวของฉันคือการบันทึกกระบวนการเรียนรู้แต่ละอย่างและแบ่งปันแต่ละกระบวนการ เวลากับทุกคน ผลลัพธ์หลังการเรียนรู้ เนื่องจากฉันค่อนข้างยุ่งกับงาน ฉันจึงสามารถสละเวลาได้เฉพาะวันหยุดสุดสัปดาห์เพื่อปรับปรุง DEMO มีการวางแผน DEMO หลายรายการและจะอัปเดตอย่างช้าๆ ในอนาคต

ปิดบัง

บันทึกการเปลี่ยนแปลง

[2020-01-11] ใช้ proxy API ที่จัดทำโดย https://github.com/zce/douban-api-proxy เพื่อขอข้อมูล Douban
[2019-04-20] แก้ไขตรรกะการตอบสนองข้อมูลพร็อกซี Douban Books API ไม่สามารถใช้พร็อกซีได้อีกต่อไป และต้องใช้คีย์ API เพื่อเข้าถึง
```
{
    "msg" : " invalid_apikey " ,
    "code" : 104 ,
    "request" : " GET /v2/book/search "
}
```
[2019-03-09] ลบคำสั่ง console บางส่วนและพูดคุยเกี่ยวกับปัญหาทั่วไป:
แต่ละมินิโปรแกรมในโปรเจ็กต์นี้ไม่ได้รับการกำหนดค่าด้วย appid หากคุณต้องการรันโปรเจ็กต์ คุณต้องกำหนด appid ให้กับโปรเจ็กต์ มิฉะนั้นโปรเจ็กต์จะไม่สามารถใช้ฟังก์ชันแสดงตัวอย่างอุปกรณ์จริงและมินิบางตัวได้ โปรแกรม API อาจไม่สามารถใช้งานได้ตามปกติ
ชาวเน็ตบางคนรายงานว่าหลังจากเปิด Zhihu Daily ใน IDE แล้วคลิก คอมไพล์และดูตัวอย่าง โปรแกรมก็ไม่สามารถแสดงบนเครื่องจริงได้ตามปกติ วิธีแก้ไข: หลังจากคลิก Compile and Preview เครื่องจริงจะเปิดมินิโปรแกรมโดยอัตโนมัติ คลิกปุ่มเมนูแรกที่มุมขวาบนของมินิโปรแกรมและเลือก เปิดการดีบัก หลังจากรีสตาร์ทมินิโปรแกรม ข้อมูลจะปรากฏขึ้น โดยปกติไม่ทราบสาเหตุเฉพาะของปัญหานี้
[2019-01-19] สร้าง Zhihu Daily Mini Program ขึ้นใหม่ เนื่องจากแอปอย่างเป็นทางการไม่มีรายงานรายวันตามธีมอีกต่อไป และอินเทอร์เฟซไม่สามารถส่งคืนข้อมูลเฉพาะเรื่องได้อีกต่อไป ตรรกะที่เกี่ยวข้องกับรายงานรายวันตามธีมจึงถูกลบออกในครั้งนี้และ มีการเพิ่มการแสดงตัวอย่างและการห่อหุ้มรูปภาพแล้ว ส่วนประกอบ UI ที่นำมาใช้ซ้ำได้ หน้า web-view และหน้า รายการโปรดของฉัน
[16-01-2562] ปรับโครงสร้างแอปเพล็ต Matter Assistant ใหม่ แปลงโค้ดเป็น ES6 และปรับโค้ดการดำเนินการข้อมูลให้เหมาะสม เนื่องจากตอนนี้แอปเพล็ตกลับมารองรับ Promise แล้ว Bluebird เวอร์ชันนี้จะถูกลบออก
[14-01-2019] สร้างแอปเพล็ต Douban Books ขึ้นมาใหม่และแปลงโค้ดเก่าเป็น ES6 เพิ่มไดเร็กทอรี server มีโปรแกรมพร็อกซีเซิร์ฟเวอร์อินเทอร์เฟซ Douban Books คุณสามารถเริ่มโค้ดในไดเร็กทอรีนี้เพื่อขอพร็อกซีสำหรับอินเทอร์เฟซ Douban Books จะช่วยแก้ปัญหาที่แอปเพล็ต WeChat ไม่สามารถขออินเทอร์เฟซหนังสือ Douban ได้ในระดับหนึ่ง ( วิธีนี้ใช้ไม่ได้อีกต่อไปแล้ว ขณะนี้ Douban Books API ต้องใช้รหัสในการเข้าถึง ยังไม่มีวิธีแก้ไข )
~~การใช้งาน~~ ( ไม่ถูกต้อง )
~~รหัสพร็อกซีเซิร์ฟเวอร์อินเทอร์เฟซ Douban อยู่ในไดเร็กทอรี DouBanBookApp/server~~
เปิดบรรทัดคำสั่งและสลับไปยังไดเร็กทอรีปัจจุบัน หากนี่เป็นครั้งแรก โปรดใช้ npm install เพื่อติดตั้งการอ้างอิง
~~จากนั้นใช้ node index.js เพื่อรัน~~
โปรดตรวจสอบให้แน่ใจว่าพอร์ต 8081 ไม่ถูกครอบครองก่อนที่จะทำงาน หรือคุณสามารถแก้ไขหมายเลขพอร์ตในโค้ดได้ หากคุณใช้พร็อกซีเซิร์ฟเวอร์นี้เพื่อขออินเทอร์เฟซ Douban Books โปรดชี้เส้นทางอินเทอร์เฟซใน api.js ไปยังที่อยู่เซิร์ฟเวอร์นี้
[31-03-2561] แก้ไขปัญหาการแสดงภาพและข้อผิดพลาดข้อมูลว่างเปล่าใน Zhihu Daily และแก้ไขปัญหาข้อมูลว่างเปล่าใน Matter Assistant เนื่องจากอินเทอร์เฟซ Douban ถูกบล็อกอย่างเป็นทางการ ขณะนี้ยังไม่มีวิธีแก้ปัญหาโดยตรง คุณสามารถอ้างถึงวิธีพร็อกซี Nginx ทางออนไลน์
[09-09-2560] เวอร์ชัน IDE เริ่มต้นสำหรับการพัฒนาโค้ดได้รับการอัปเกรดเป็น v1.0.1.170907 โดยเพิ่มแอตทริบิวต์ wx:key ให้กับ wx:for ปรับเปลี่ยนลักษณะการทำงานของ ActionSheet ของตัวช่วยเรื่อง และแสดงเหตุการณ์การยกเลิกคำสั่ง ( เช่น Catch ของ Promise) แก้ไข bindchange เป็น bindinput
[2017-08-23] แก้ไขปัญหาความล้มเหลวในการร้องขอข้อมูลของการสาธิต Douban Books และแก้ไข Content-Type ใน header ของ request เป็น json หรือ html
[12-02-2560] แก้ไขเส้นทางรูปภาพของเคส Zhihu Daily และแก้ไขปัญหาความล้มเหลวในการรับอิมเมจ Zhihu
[23-11-2559] เนื่องจาก IDE อย่างเป็นทางการได้รับการอัปเดตเป็นเวอร์ชัน 0.11.112301 การสนับสนุน Promise จึงถูกลบออก ทำให้事项助手ไม่ทำงานตามปกติ เพื่อแก้ไขปัญหานี้ Bluebird ไลบรารีความเข้ากันได้ของบุคคลที่สามจึงถูกนำมาใช้ใน โครงการเพื่อรองรับ Promise รหัสได้ถูกรวมเข้ากับรหัสโครงการแล้ว
[16-11-2559] อัปเดต Case事项助手เพื่อให้ความร่วมมือกับการพัฒนา WeChat Mini Program ES6 และ Matter Assistant โดยส่วนใหญ่จะแนะนำวิธีการพัฒนา ES6 ของ Mini Program
[31-10-2559] มินิโปรแกรมได้รับการอัปเดตเป็นเวอร์ชันล่าสุด知乎日报โดยสามารถใช้งานร่วมกับคำอธิบายประกอบใหม่ก่อนที่จะลบออก ได้รับการพัฒนาครั้งแรก โดยมีชื่อว่า事项助手ชั่วคราว โดยฟังก์ชันหลักคือการแสดงจำนวนวันในเดือนตามปฏิทินแบบไดนามิก
[29-10-2559] เนื่องจากการอัพเกรด IDE อย่างเป็นทางการอย่างไม่ปกติ ฟังก์ชันบางอย่างของมินิโปรแกรมจึงได้รับการแก้ไขและลบออก ทำให้โปรเจ็กต์ก่อนหน้านี้ทำงานไม่ถูกต้อง รหัสปัจจุบันอิงตามเวอร์ชันล่าสุดของสภาพแวดล้อมการทำงาน IDE ซึ่งเป็นเวอร์ชัน 0.10.102800 คุณสามารถคลิกเพื่อดาวน์โหลดได้ แม้ว่าโค้ดจะได้รับการแก้ไขเพื่อปรับให้เข้ากับเวอร์ชันล่าสุดของสภาพแวดล้อมการพัฒนา แต่เค้าโครงและแนวทางปฏิบัติบางอย่างก่อนหน้านี้ ไม่ได้รับการรองรับอย่างเป็นทางการอีกต่อไป ดังนั้นผลการดำเนินงานจริงอาจแตกต่างไปจากที่แสดงในการเรนเดอร์

ปลื้มปีติ

หลังจากที่อัพโหลดเคส知乎日报แล้ว ชาวเน็ตบางส่วนก็ร่วมบริจาคโค้ดของตนเองเพื่อแก้ไขข้อบกพร่องต่างๆ มากมาย ขอบคุณมาก

@jkgeekJack
ตกแต่งส่วนหนึ่งของ UI, เพิ่มฟังก์ชันคอลเลกชัน, เปลี่ยนโฮมเพจ, ธีมและหน้าคอลเลกชันเป็นโหมดหน้าเดียว, แก้ไขปัญหาที่ไม่สามารถแสดงรูปภาพบางรูป, ปรับโครงสร้างโค้ดบางส่วนใหม่ และแก้ไขปัญหาการแสดงอักขระหลีกเนื้อหา

แอปเพล็ตตัวอย่าง

ผู้ช่วยเรื่อง

แนะนำวิธีการพัฒนา ES6 ของโปรแกรมขนาดเล็กโดยย่อ และสุดท้ายให้ event Assistant เป็นตัวอย่างสาธิต ฟังก์ชั่นของ event Assistant นั้นค่อนข้างง่าย โดยมีส่วนประกอบของปฏิทินและฟังก์ชันจัดเก็บข้อมูลเหตุการณ์อย่างง่าย


หน้าแรก	การเลือกวันที่	หน้ารายละเอียด

จื่อหูเดลี่

Douban Books เป็นแอปเพล็ตค้นหาหนังสือที่ใช้คำขอเครือข่ายและเค้าโครงหน้ากระดาษที่เรียบง่าย ตัวอย่างในครั้งนี้คือ知乎日报ซึ่งมีจุดฟังก์ชันมากกว่าและหน้ามีความซับซ้อนมากกว่าตัวอย่างก่อนหน้านี้ ก่อนที่ฉันจะเขียน DEMO นี้ ชาวเน็ตจำนวนมากได้สร้าง DEMO เดียวกันแล้ว และพวกเขาก็ทำได้ดีมาก ท้ายที่สุดแล้ว กรณีนี้มีความคลาสสิกมากและมี API ที่ค่อนข้างสมบูรณ์ ซึ่งคุ้มค่าแก่การเลียนแบบและการเรียนรู้ การสาธิตนี้ถือได้ว่าเป็นแบบฝึกหัดเล็กๆ


หน้าแรก	เมนูแถบด้านข้าง	หน้ารายละเอียด


หน้าการตั้งค่า	รีวิวยาวและรีวิวสั้น	คอลเลกชันของฉัน

หนังสือ Douban

ตัวอย่างง่ายๆ โดยใช้ Douban Books API สองตัว: การค้นหาหนังสือและรับ API รายละเอียดหนังสือ นี่เป็นมินิโปรแกรม WeChat แรกของฉัน


หน้าแรก	หน้ารายการ	หน้ารายละเอียด

โพสต์บล็อกที่เกี่ยวข้อง

บทความต่อไปนี้เขียนขึ้นเมื่อฉันเริ่มเรียนรู้โปรแกรมขนาดเล็ก นี่เป็นครั้งแรกที่ฉันเขียนบทความ มีข้อผิดพลาดมากมายและมีประโยคที่ไม่ดีและการพิมพ์ผิดมากมาย ได้รับการสร้างขึ้นใหม่และแตกต่างจากโค้ดในบทความ มีความคลาดเคลื่อนที่สำคัญในคลิป หากคุณต้องการอ่านต่อเพียงแค่เรียกดู