The article explains how to create a reusable letter sorting component for WeChat Mini Programs, covering data fetching, custom component encapsulation, touch event handling for A-Z indexing, scroll synchronization, and performance optimization techniques.
This article presents a comprehensive guide to building high‑efficiency WeChat mini‑programs, covering layout schemes, custom navigation and tab bars, user authentication flows, component architecture with a BasicPage wrapper, logging, data analysis, and performance optimizations such as preloading and independent sub‑package loading.
Maoyan Entertainment created the “Tangtu” mini‑program operation tool with WeChat Cloud Development, letting operations and product managers visually design, edit and publish holiday activities via cloud storage, database and functions, cutting staff from three to one, slashing development time and cost while highlighting the need for explicit environment variables and careful migration from traditional MySQL services.
This guide explains how to set up the development environment and debug WeChat mini‑programs using the official developer tools, covering native, WePY, Taro, and mpvue frameworks with step‑by‑step instructions, command examples, and visual screenshots.
The Cloud+ Community Tech Salon workshop demonstrated how to build a serverless WeChat Mini Program for Social CRM, explaining its business value, architecture, data models, UI design with WeUI, cloud functions, front‑end integration, and practical coding tips, with the full 31‑page source now on GitHub.
This article explains why Safari on iOS throws “Invalid Date” for date strings like “2018‑12‑10 11:11:11”, demonstrates the incompatibility with Chrome, and provides a simple regex‑based solution to convert the format so the date parses correctly across browsers.
This article analyzes the concept, core features, and competitive landscape of WeChat mini‑programs, then proposes a design strategy for Suning Jiwù that blends online social retail with offline service tools to maximize traffic conversion and user experience.
This guide walks through building an electronic business card in a WeChat Mini Program with Cloud Development, covering account setup, data CRUD, single‑ and multi‑image upload, AI‑powered OCR, custom QR‑code generation for sharing, and automated template‑message alerts when the card is viewed, demonstrating reduced backend effort.
The article surveys authentication from ancient token methods to modern password and session techniques, explains OAuth 2.0 flows and their adaptation for WeChat Mini‑Programs—including access‑token retrieval, simplified client‑credentials grants, and cloud‑call automation—while also previewing future trends such as biometrics, blockchain‑based decentralization, and AI‑driven trust models.
The guide walks through creating a full‑stack markdown publishing system for a WeChat mini‑program using Cloud Development, detailing project initialization, defining an “article” collection, importing .md files via cloud functions, displaying lists, rendering markdown on detail pages, and debugging cloud functions without a separate backend.
Cloud Call lets WeChat Mini Programs invoke most server‑side APIs with a single line of code by automatically handling access‑token acquisition and refresh, so developers can directly call functions such as templateMessage.send without managing credentials, while benefiting from the broader cloud development platform’s serverless resources.
The article explains how to create a WeChat Mini Program backend with Tencent Cloud development, use the React‑based Taro framework to build a Japanese sentence helper, consolidate multiple cloud functions via tcb-router, and scrape example sentences with superagent and cheerio, highlighting setup tips and known limitations.
This article explains how Ctrip's marketing team leverages WeChat mini‑program features—poster drawing with canvas, search‑direct navigation, and universal QR‑code routing—to create low‑cost, high‑conversion viral marketing campaigns, complete with code examples and implementation details.
The article shows how a single front‑end developer can create the “Moly Subscription Assistant” WeChat mini‑program in five days using Tencent Cloud serverless development, covering OpenID authentication, cloud‑function CRUD for subscriptions, scheduled currency‑rate updates, and a fully managed backend without any traditional servers.
This article describes a comprehensive solution for enabling real‑time audio and video communication between existing WebRTC endpoints and WeChat Mini Programs by introducing a WebRTC Gateway and Streaming Server, detailing architecture, signaling flows, media conversion, performance optimizations, and session reliability mechanisms.
The Tencent Cloud+Community Developer Conference introduced Mini Program Cloud Development (Wafer) and its successor Wafer2, which separate front‑end Mini Programs from back‑end services, provide a unified SDK, free development environment, and integrated modules for data processing, databases, file storage, and cloud console, dramatically lowering entry barriers and streamlining deployment for developers.
The article describes how to quickly build a lightweight WeChat Mini Program for note‑taking using Cloud Development, covering registration, cloud setup, and core code for creating, querying, and editing notes with text and images, while eliminating the need for separate servers, domains, and certificates.
Discover essential solutions for common WeChat Mini Program challenges—including plugin relative paths, generating QR codes, swiper current reset, template message limits, subpackage size rules, retrieving unionId, H5‑MiniProgram navigation, canvas overlay handling, image sharing ratios, authorization flows, and data binding constraints.
The talk explains how Tencent’s serverless Mini Program Cloud Development platform eliminates the brain, cost, and coordination pains of backend creation by providing native, one‑click cloud functions, a MongoDB‑compatible database, and CDN‑accelerated storage, enabling single engineers to build scalable, reliable Mini Program services quickly and affordably.
This tutorial walks developers through registering a WeChat Mini Program, setting up the Small Photo Album demo, configuring HTTPS domains and SSL, deploying a Node.js backend with Nginx, integrating Tencent Cloud COS for image storage, and testing the complete end‑to‑end photo‑album application.
This article explains the mpvue framework, compares Vue and mpvue lifecycles, shows practical verification with navigation scenarios, discusses common pitfalls when fetching data, and concludes with recommendations for efficient mini‑program development.
This article compiles a series of practical solutions for frequent WeChat mini‑program challenges, covering iOS date parsing, live‑stream message throttling, storage sharing, navigation depth limits, floating‑point precision, QR‑code scene length, image preloading, and server‑client time synchronization, with code snippets and explanations.
This article outlines practical techniques for improving WeChat Mini Program performance, covering startup loading, first‑screen experience recommendations, and rendering optimizations, with detailed steps on code size control, subpackage loading, data management, and UI rendering best practices.
This article explains how to solve page coupling in WeChat Mini Programs by using flag variables, page stack navigation, and finally a publish/subscribe event bus, providing a complete Event class implementation, usage examples, and optimization tips for the Mini Program environment.
Meituan Scan-to-Pay mini program optimized by reducing package size through split and independent sub‑packages, moving assets to CDN, and adding detailed funnel, exception, performance, and cross‑boundary timing monitoring, which together increased external conversion by about 3 % and improved overall payment success rates.
This article introduces the ANU mini‑program framework, explains why WeChat mini‑programs need transpilation tools, compares existing solutions, details ANU's features and limitations, and provides step‑by‑step instructions with code examples for building and running a React‑like mini‑program project.
This guide walks developers through creating a WeChat Mini Program using Tencent Cloud's Serverless Cloud Functions, covering IDE installation, project configuration, cloud environment setup, file upload, cloud‑function development, and invoking functions from the Mini Program, enabling a fully serverless backend without traditional servers.
Taro UI is a multi-platform UI component library developed by Aotu Labs, designed to work seamlessly with the Taro framework across WeChat Mini Programs, H5, and React Native.
This guide walks you through setting up iOS real‑device debugging for WeChat mini‑programs, covering IPAPatch preparation, Xcode signing, Safari Web Inspector usage, JSContext inspection, page‑frame HTML debugging, and UI layout analysis with Reveal, all without promotional fluff.
WeChat Mini Program Cloud Development offers a serverless backend—cloud functions, database, and file storage—exclusively for Mini Programs, providing simple login, generous free tiers, and easy JavaScript integration, while developers must handle promises for async calls and supplement its limited permission model with custom logic.
This article details the step‑by‑step setup and execution of automated testing for the ZuanZuan "Happy Delivery" WeChat mini‑program, covering debugging activation, process inspection, Chrome‑Inspector usage, Appium context switching, chromedriver compatibility, and best practices for building a maintainable mobile automation framework.
The article explains how to render custom components in WeChat mini‑programs by compiling React render methods into template classes, using dynamic templates, wx:for directives, and helper functions like miniCreateClass to bridge the gap between React and the mini‑program environment.
This article examines the challenges of using WeChat Mini Programs, proposes a React‑style component architecture by mapping Mini Program concepts such as Component, Page, and App to React's state, lifecycle, and JSX, and provides concrete code examples for definition, lifecycle handling, styling, templating, and configuration.
This tutorial walks you through creating a configurable lottery wheel using Canvas in a WeChat Mini Program, covering the overall concept, required WXML layout, animation setup, interactive button handling, and how to display prize rules, with a complete code example.
This article examines the evolution of WeChat Mini Programs, the challenges they pose for front‑end developers, and how the Taro framework leverages JSX compilation, Babel‑based AST transformations, and cross‑platform component standards to enable React‑style development across multiple platforms.
The article offers a detailed three‑week debugging analysis of the WeChat Mini Program framework (base library 1.9.93), explaining its startup sequence, global variable initialization, core modules, loading and registration of app, custom components and pages, setData data binding, and performance impacts of component count and sub‑package design.
The article details the design, features, and technical implementation of the Tencent Dajia WeChat mini‑program, explaining how it aggregates high‑quality Chinese internet content, supports multi‑device data sharing, author and column management, user login, collection, sharing, commenting, and analytics, while providing practical code snippets and development tips for front‑end engineers.
Tencent Video Cloud’s Mini‑Program audio/video, built on the LiteAV SDK with RTMP/HTTP‑FLV tags, contrasts WebRTC’s browser‑native RTP/RTCP approach, but a bridge using an RTMP server and WebRTC‑Proxy translates streams, enabling interoperable live‑push/pull, room‑based multi‑person calls and rapid integration via a packaged webrtc‑room component.
Tencent Cloud created a mobile assistant by integrating WeChat public accounts and mini‑programs, turning key console functions—account management, resource monitoring, and quick actions—into a unified, push‑notified experience that overcomes B2B operational, timing, and notification challenges, boosting efficiency for hundreds of thousands of users.
In late 2017 Tencent Cloud integrated its audio‑video SDK into WeChat Mini Programs, enabling developers to add live streaming, on‑demand video and real‑time calls—such as customer‑service video, court assessments, and insurance claims—through a cloud‑based upstream/downstream architecture that compresses streams, reduces latency, supports multi‑party RTC, and offers tools for moderation and recording.
This article examines the rapid rise of WeChat mini programs and fast apps, their market impact, technical architecture, development workflow, key frameworks such as WePY and mpVue, code examples, and the opportunities and challenges they present for front‑end developers on mobile platforms.
This article explains how to build lightweight, reusable custom components in WeChat Mini Programs, covering the evolution from basic template imports to full‑featured custom components, the differences between import and include methods, component configuration, event handling, and popular third‑party frameworks such as WePY and mpvue.
mpvue is a Vue.js‑based framework that lets developers write WeChat Mini Programs using familiar Vue syntax, providing component, lifecycle and event mapping to achieve high code reuse between H5 web apps and Mini Programs, evolving through three stages, supporting bidirectional reuse while noting current Vue feature limitations and best‑practice guidelines.
This article explains the differences between WeChat Mini Programs and H5, details the custom runtime environment, demonstrates performance differences, shows how to wrap callback‑based APIs with Promises, introduces component‑based development, and integrates Redux for state management with code examples.
This guide walks developers through deploying a WeChat Mini Program with PHP by authorizing Tencent Cloud on the WeChat Public Platform, installing the developer tools, importing the wafer2‑quickstart‑php demo from GitHub, configuring credentials, and uploading the code to create a ready‑to‑use cloud environment.
This article shares a designer's practical experience refining a WeChat mini‑program, covering lightweight design, multi‑device adaptation, flat visual style, interaction optimizations such as tag editing and component reuse, and reflective insights that can help other UI/UX practitioners.
This article presents a curated collection of popular open‑source GitHub projects for WeChat mini‑program development, including frameworks such as Labrador and WePY, utility libraries like wxParse, and UI component kits such as WeUI, ZanUI‑WeApp, and wx‑charts, each with key features and star counts.
This article presents a comprehensive WeChat Mini Program tutorial, outlining the course curriculum from introductory to advanced chapters, and provides step‑by‑step instructions for installing and configuring the WeChat Web Developer Tool on macOS, including project creation, appID setup, and debugging workflow.
This article presents a comprehensive Mini Program tutorial covering the full course syllabus—from introductory setup and appID registration to intermediate project structure, utility extraction, network handling, list and detail page implementation—along with a detailed step‑by‑step guide for obtaining and configuring an appID.
This article describes how to consolidate multiple WeChat mini‑programs into a single package by defining engineering standards, extracting common modules, and applying specialized packaging and compression tools to reduce the overall bundle size within the platform's strict limits.
This article walks through the author's experience of exploring WeChat Mini Programs as a front‑end framework, comparing it to Vue and React Native, and provides a step‑by‑step tutorial for creating a basic catalog page with code snippets and screenshots.
This article walks through the core functionalities of the QQ Music mini‑program—including station launch, friend cards, guided login, playback controls, lyric scrolling, dynamic background colors, and error handling—while sharing implementation details, common bugs on Android and iOS, and practical fixes for developers building audio features in WeChat mini‑apps.
This article introduces CTrip's independently built WeChat mini‑program framework, detailing its CPage architecture, middleware, CWX extensions, component APIs, common development problems such as rendering white‑screens, page‑level limits, authorization dialogs, package size constraints, and the solutions and future plans adopted to overcome them.
This article explains how key ES6 features—arrow functions, array methods, destructuring, enhanced object literals, classes, and block‑scoped variables—can streamline WeChat Mini Program development, improve code readability, and increase development efficiency.
This tutorial explains how to create a left‑swipe delete effect in a WeChat Mini Program list view by layering items, using absolute positioning, and handling touchstart, touchmove, and touchend events to move items and reveal action buttons based on swipe distance.
This tutorial walks through setting up a Node.js WebSocket server, creating a PC client and a WeChat Mini Program client, and enabling bidirectional communication so the mini program can remotely control a projector screen.
This article provides a comprehensive overview of WeChat Mini Programs, covering their technical stack (WXML, WXSS, WXAPI), development environment setup, file architecture, component system, application and page lifecycles, login process, and practical considerations for frontend developers.
The Dazhong Dianping+ WeChat mini‑program, built by a Meituan‑Dianping engineer using a web‑like hybrid approach, launched on Jan 9 with over two million visits, delivering fast store search and group‑purchase services while adhering to strict limits (1 MB bundle, five pages, no external navigation) through gulp builds, ES6/Promise helpers, manual size optimizations, and Tencent Cloud APIs.
This article explores the structure and development workflow of WeChat Mini Programs, detailing their view and logic layers, WXML/WXSS syntax, component system, routing, performance advantages, limitations, and how their concepts compare to Progressive Web Apps.
This article compiles a comprehensive list of frequently encountered problems and practical solutions for WeChat Mini Program development, covering script environment limitations, navigation constraints, styling rules, network request handling, component usage, platform-specific bugs, and performance tips to help developers build stable mobile applications.
The article explains WeChat Mini Program development through MVC, detailing data acquisition methods, the WXML/WXSS UI stack, unidirectional interaction via setData, a data‑driven architecture that simplifies basics but limits complex UI control, and highlights common pitfalls such as compatibility, IDE instability, and scarce resources.
This article examines the structure and development workflow of WeChat Mini Programs, covering their core characteristics, entry methods, the dual-layer architecture of View and App Service, language specifics like WXML and WXSS, component models, performance tricks, common pitfalls, and how the model relates to Progressive Web Apps.
Learn how to ensure that a user list page instantly reflects edits made on a separate detail page in a WeChat Mini Program by using a lightweight broadcast utility, avoiding full page reloads and improving user experience.
WeCOS is a command‑line tool that uploads a Mini Program’s local image assets to Tencent Cloud Object Storage, replaces the code’s image paths with COS URLs, removes the original files, and thus shrinks the package below the 1 MB upload limit, simplifying the otherwise manual process.
This article shares the product logic, development challenges, and practical solutions behind the Futu NiuNiu stock mini‑program, highlighting how Tencent Cloud services helped accelerate a lightweight, low‑frequency trading app for Hong Kong and US markets.
This step‑by‑step tutorial shows how to create a functional WeChat Mini Program in about an hour by cloning Tencent Cloud’s Photo Album demo, configuring the IDE, deploying a Node.js backend with Nginx and HTTPS, setting up COS storage, and linking the Mini Program to the server.
This guide walks you through obtaining a free SSL certificate, configuring Nginx for HTTPS, and upgrading to TLS 1.2 on a CentOS server, ensuring your WeChat mini‑program can securely communicate with the backend, including detailed command‑line steps and essential software dependencies.
This article walks through two common pitfalls when connecting a WeChat Mini‑Program to a server—an “invalid url” error caused by using single quotes instead of backticks, and a TLS 1.2 requirement that necessitates upgrading OpenSSL and recompiling Nginx, providing step‑by‑step solutions.
This quick‑start guide shows how certified developers can purchase Tencent Cloud’s low‑cost (3 CNY) WeChat Mini‑Program solution, automatically provision a sub‑domain, load balancer, server and MySQL database, configure the domain, deploy the service, and begin coding with the provided demo repository, all within ten minutes.
This step‑by‑step tutorial shows how to use Tencent Cloud’s one‑click Mini Program scaffold to create, configure, and deploy a WeChat Mini Program—automating domain registration, HTTPS/WSS, authentication, scaling and other infrastructure—so developers can bypass traditional setup hurdles and launch a functional app within minutes.
This comprehensive guide explains what WeChat Mini Programs are, their underlying framework, supported components and APIs, development workflow, modular design patterns, differences from traditional H5 apps, debugging, building, publishing, and practical advantages and limitations for mobile front‑end developers.
This article walks through creating a simple WeChat Mini Program that searches and displays DouBan book information, covering API usage, project setup, page design, event handling, network requests, pagination, and code organization with practical code examples.
This article demonstrates how to implement common WeChat Mini Program form controls—including picker, multi-select checkbox, slider, switch, and form submission—by presenting their code structures, event handling, and sample WXML/JS snippets, enabling developers to quickly integrate these interactive components into their apps.
This tutorial walks you through creating a basic WeChat Mini Program that displays a list of news items, lets users tap a title to view details, and covers project setup, data handling, page navigation, and view styling in a concise step‑by‑step guide.
This guide walks you through setting up the WeChat Mini Program development environment, explains the project directory, core files like app.js, app.json, and app.wxss, details page structure, WXML components, data binding, conditional and list rendering, templates, events, routing, API usage, and culminates with a complete Todo List example.
This tutorial walks you through downloading, installing, and patching the WeChat Mini Program development tool on Windows, including version selection, file replacement, project creation, code editing, and debugging, plus useful resource links for further learning.
This guide walks you through downloading, installing, cracking, and configuring the WeChat Mini Program development tool on Windows, showing how to replace necessary files, log in, create a simple project, and debug it using the built‑in simulator.
