Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build an e-commerce WeChat Mini-Program
Introduction
Why this course? Who is it for? What will you learn? (1:04)
Support Group
DevTool Habits
#1: Switching to English (0:59)
#2: Turning on and Using NPM (4:21)
#3: Turn on "Transpile Enhance" for Async-Await Support (1:10)
#4: Downloading the Latest Version of Devtools (1:17)
#5: Toggling Domain Name Verification (1:37)
#6: Don't Trust Everything You See in the Devtools (2:17)
Javascript Tips
#1: Avoid Redefining This (2:28)
#2: Use Async Await (3:05)
#3: Use Destructure (3:30)
#4: Use String Interpolation (1:48)
#5: Dynamic Object Keys (3:34)
#6: Don't Mutate Data Directly (0:47)
#7: Ways to Clone Array and Object (5:11)
#8: Use Object as Param for Functions (2:26)
Login
General Links
End Result (0:49)
Using Global Data (4:00)
What is WeStore? (1:00)
How to Setup WeStore? (4:53)
Three types of Login (4:59)
How to get user's OpenID? (8:00)
How to get User Info? (11:02)
How to get User's Phone Number? (3:36)
What's this illegal buffer error? (1:16)
Multilingual Mini-Program
General Links
Store and Library Creation (13:54)
Initialize Language and WXML output (19:38)
Language Toggle (8:12)
Custom Components - Creating a Cart Quantity FAB
General Links
What is a Custom Component? (0:21)
End Result and Overview of Quantity Increment Component (0:30)
Create the Cart Button Component Files (1:21)
Setup Component JS (1:58)
Create Component WXML & WXSS (3:07)
Importing the Component into Page View (2:01)
Using Computed Properties to Reactively Show Cart Quantity (6:17)
Create Button Methods (1:04)
Payment
General Links
End Result (0:31)
The Flow (2:29)
Where to find credentials? (1:39)
What can wechat-pay module do for you? (1:45)
Backend setup (12:12)
Building the cart page (3:06)
Building the payment button (9:48)
Template Message
Final Result (0:29)
Steps to Setup (0:57)
Add Template in Dashboard (2:59)
Frontend Code (2:22)
Backend Code (1:08)
Testing (1:47)
Marketing/Conversion
General Links
Share Tracking (13:52)
Follow Official Account Component (6:56)
Thank You
Survey
#2: Turning on and Using NPM
qs:
https://www.npmjs.com/package/qs
Complete and Continue
Discussion
1
comments
Load more
1 comments