BestHub
Sign in
Tagged articles
150 articles
Page 1 of 2
Coder Trainee
Coder Trainee
Apr 12, 2026 · Backend Development

Integrating WeChat Pay for Education Mini‑Programs: Automated Deposit and Final‑Payment Settlement

This article walks through the complete WeChat Pay integration for an education‑focused mini‑program, covering the business flow, database schema, Java backend implementation for order creation, callback handling, automatic refunds, scheduled tasks, common pitfalls, and practical tips for reliable payment processing.

Database designJavaMini Program
0 likes · 21 min read
Integrating WeChat Pay for Education Mini‑Programs: Automated Deposit and Final‑Payment Settlement
Black & White Path
Black & White Path
Mar 24, 2026 · Information Security

Step‑by‑Step Reconstruction of Mini‑Program/Web Encryption Authentication Bypass Cases

The article walks through six real penetration‑testing scenarios, dissecting common encryption and authentication mechanisms in mini‑programs and web applications, demonstrating how to reverse‑engineer, debug, and script the bypass of Hawk signatures, MD5 timestamps, RSA and AES encryptions to achieve unauthorized data access and account takeover.

AESAuthentication BypassHawk protocol
0 likes · 13 min read
Step‑by‑Step Reconstruction of Mini‑Program/Web Encryption Authentication Bypass Cases
SpringMeng
SpringMeng
Jan 12, 2026 · Industry Insights

Why Most Programmers Avoid Building Mini‑Programs for Profit

Programmers often skip creating mini‑programs like MicroX because company registration, software copyright requirements, intense workload, low side‑income returns, high technical and operational costs, and the dominance of existing platforms create steep barriers that deter most individual developers.

Mini Programindustry insightmarket barriers
0 likes · 7 min read
Why Most Programmers Avoid Building Mini‑Programs for Profit
Tencent Tech
Tencent Tech
Jan 9, 2026 · Frontend Development

Build an AI‑Powered WeChat Mini Program Using Free CloudBase Resources

This step‑by‑step guide shows WeChat Mini Program developers how to register, join the AI Mini Program Growth Plan, claim free CloudBase cloud and AI token resources, connect CloudBase via CodeBuddy, configure project templates, develop AI‑driven features, and debug the app with the WeChat Developer Tools.

CodeBuddyMini ProgramTutorial
0 likes · 7 min read
Build an AI‑Powered WeChat Mini Program Using Free CloudBase Resources
Goodme Frontend Team
Goodme Frontend Team
Oct 20, 2025 · Frontend Development

Boost Mini‑Program Animations with Galacean Effects: A Taro 3.x Guide

This article explains how to integrate Galacean Effects into a Taro 3.x mini‑program to create ritualistic card‑merge animations, covers installation, code examples, loading‑time analysis, and offline‑package optimization that dramatically reduces first‑frame delay and improves user experience.

Animation OptimizationGalacean EffectsMini Program
0 likes · 13 min read
Boost Mini‑Program Animations with Galacean Effects: A Taro 3.x Guide
Su San Talks Tech
Su San Talks Tech
Oct 4, 2025 · Mobile Development

Master WeChat Mini Program Login: From wx.login to Secure Token Authentication

This guide walks through the complete implementation of WeChat Mini Program login, covering front‑end wx.login calls, back‑end code2Session exchanges, database schema design, API specifications, environment configuration, token validation via interceptors, and key security considerations, all illustrated with code snippets and diagrams.

JavaMini ProgramOpenID
0 likes · 18 min read
Master WeChat Mini Program Login: From wx.login to Secure Token Authentication
vivo Internet Technology
vivo Internet Technology
Sep 3, 2025 · Artificial Intelligence

How to Enable On‑Device AI in WeChat Mini‑Programs with TensorFlow.js and Native Inference

This article details a complete engineering solution for bringing on‑device AI to WeChat mini‑programs, comparing TensorFlow.js and WeChat native inference, covering model conversion, package‑size optimization, integration steps, performance metrics, and a hybrid strategy that boosts recommendation click‑through rates by 30%.

Mini ProgramTensorFlow.jsWeChat
0 likes · 13 min read
How to Enable On‑Device AI in WeChat Mini‑Programs with TensorFlow.js and Native Inference
JD Tech
JD Tech
Jul 3, 2025 · Frontend Development

Boosting Mini‑Program Performance on HarmonyOS: How Cangjie Cuts API Latency by 50%

This article details a high‑performance, cross‑platform HarmonyOS mini‑program development practice that analyzes architecture, identifies JS API bottlenecks, demonstrates a step‑by‑step API call breakdown, and shows how the Cangjie language reduces getSystemInfo latency by over 50% while improving overall startup speed.

CangjieHarmonyOSMini Program
0 likes · 8 min read
Boosting Mini‑Program Performance on HarmonyOS: How Cangjie Cuts API Latency by 50%
JD Retail Technology
JD Retail Technology
Jul 3, 2025 · Mobile Development

How Cangjie Boosts Performance of JD Mini‑Programs on HarmonyOS

At the 2025 Huawei Developer Conference, JD’s team demonstrated how integrating the Cangjie language into HarmonyOS mini‑programs can halve API execution time, reduce main‑thread load, and improve cold‑start performance by over 20%, offering a high‑performance, cross‑platform development solution.

CangjieHarmonyOSJS Bridge
0 likes · 9 min read
How Cangjie Boosts Performance of JD Mini‑Programs on HarmonyOS
Didi Tech
Didi Tech
Jun 12, 2025 · Frontend Development

Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev

Dimina, Didi’s newly open‑sourced mini‑program framework, combines Vue 3 with a custom compiler to translate mini‑program syntax into native apps, offering a modular, high‑performance, cross‑platform solution that lets developers write a single codebase for Android, iOS, Harmony, and Web, complete with extensive component and API libraries.

DiminaFrameworkMini Program
0 likes · 7 min read
Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 28, 2025 · Frontend Development

Scaling 1688 Mini Program: Dual‑Thread Architecture, Performance Hacks & Future Multi‑Platform Plan

This article details how the 1688 WeChat mini program supports rapid business iteration through a dual‑thread architecture, outlines performance optimizations across search, product detail, messaging, and shopping cart modules, and presents a roadmap for cross‑platform development, security, and ecosystem integration.

Mini ProgramWeChatarchitecture
0 likes · 30 min read
Scaling 1688 Mini Program: Dual‑Thread Architecture, Performance Hacks & Future Multi‑Platform Plan
AI Code to Success
AI Code to Success
Mar 5, 2025 · Artificial Intelligence

How to Connect Your AI Agent Mini‑Program to a WeChat Official Account – Step‑by‑Step Guide

This article provides a detailed, step‑by‑step tutorial on linking a Tencent Yuanqi AI Agent mini‑program to a WeChat official account, configuring auto‑reply messages, adding menu shortcuts, and publishing the mini‑program in articles and comment sections, complete with screenshots and code snippets.

IntegrationMini ProgramTutorial
0 likes · 5 min read
How to Connect Your AI Agent Mini‑Program to a WeChat Official Account – Step‑by‑Step Guide
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Feb 25, 2025 · Frontend Development

Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations

Facing slow startup and low first‑contentful‑paint rates, Kuaishou’s development team overhauled the mini‑program simulator by consolidating its dual‑process architecture, introducing container caching, implementing on‑demand compilation, and refining debugger interactions, ultimately boosting instant‑open rates from 18% to 64% and reducing FCP P90 from 4.4 s to 1.9 s.

KuaishouMini ProgramPerformance Optimization
0 likes · 12 min read
Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations
JD Tech Talk
JD Tech Talk
Dec 6, 2024 · Frontend Development

Performance Optimization Practices for Taro Mini‑Program: Skyline Rendering Engine and Resource Loading Improvements

During the Double‑11 promotion, our team applied a series of Taro mini‑program performance optimizations—including Skyline rendering engine migration, lazy loading of feed resources, image size reduction, and parallel API requests—to significantly reduce cold‑start, hot‑start, and rendering times, improving overall user experience.

Mini ProgramPerformance OptimizationSkyline
0 likes · 8 min read
Performance Optimization Practices for Taro Mini‑Program: Skyline Rendering Engine and Resource Loading Improvements
Eric Tech Circle
Eric Tech Circle
Sep 28, 2024 · Mobile Development

Step-by-Step Guide to Registering a Personal WeChat Mini Program

This article walks you through the entire process of registering, filing, and certifying a personal WeChat Mini Program, covering account type selection, publishing steps, filing requirements, MIIT SMS verification, and common pitfalls to avoid.

FilingMini ProgramMobile Development
0 likes · 5 min read
Step-by-Step Guide to Registering a Personal WeChat Mini Program
DaTaobao Tech
DaTaobao Tech
Sep 2, 2024 · Frontend Development

Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System

The Daily Must‑Grab mini‑program order system evolved from a DX XML‑based UI to a React‑like Rax framework and finally to a native Ao Chuang solution, delivering cross‑platform support, smaller bundles, faster launches, better async handling, and extensible plug‑in architecture while leveraging Taobao’s transaction core.

DXMini ProgramRax
0 likes · 13 min read
Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System
Meituan Technology Team
Meituan Technology Team
Jun 27, 2024 · Mobile Development

Meituan Mini‑Program Testability Practices and Implementation

Meituan’s Tech Salon Session 77 describes how the company built a generic JavaScript‑hooking SDK packaged as an NPM module to give mini‑programs on platforms such as WeChat, Alipay and Kuaishou observable and controllable capabilities across UI, storage, network and system layers, enabling automated cache management, request mocking, state inspection and visual diff testing, which the ticket team leveraged to achieve over 30 % test scenario coverage, 100 % page coverage and discover hundreds of defects, while outlining future plans to stabilize and expand the framework.

AutomationJavaScriptMini Program
0 likes · 19 min read
Meituan Mini‑Program Testability Practices and Implementation
vivo Internet Technology
vivo Internet Technology
Jun 5, 2024 · Frontend Development

Technical Guide to Generating Poster Images in H5 and Mini Programs

This guide explains how to generate shareable poster images entirely on the front end for H5 pages and mini‑programs, compares client‑side, front‑end, and server‑side approaches, reviews libraries such as html2canvas, dom‑to‑image, wxml‑to‑canvas and Painter, and offers solutions for design fidelity, CORS, and performance issues.

CanvasCross-OriginMini Program
0 likes · 17 min read
Technical Guide to Generating Poster Images in H5 and Mini Programs
Sohu Tech Products
Sohu Tech Products
May 21, 2024 · Frontend Development

Boost Mini Program Performance: Mastering setData Optimization Techniques

This article explains why Mini Programs are popular, describes their dual‑thread architecture, and provides concrete strategies—including reducing call frequency, limiting data volume, and applying data layering and rendering chunking—to optimize setData performance and improve user experience.

JavaScriptMini ProgramPerformance Optimization
0 likes · 11 min read
Boost Mini Program Performance: Mastering setData Optimization Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 30, 2024 · Frontend Development

Implementing Chat History Loading in a WeChat Mini‑Program Using Flex Column‑Reverse and a Koa WebSocket Server

This article explains how to solve the common problem of loading historical chat records in a WeChat mini‑program by using a two‑line CSS flex column‑reverse trick, handling edge cases such as limited data and scroll‑view issues, and provides a complete Koa WebSocket backend implementation with full code examples.

ChatFlexboxKoa
0 likes · 9 min read
Implementing Chat History Loading in a WeChat Mini‑Program Using Flex Column‑Reverse and a Koa WebSocket Server
Huolala Tech
Huolala Tech
Mar 5, 2024 · Frontend Development

How PageSpy Extends Frontend Debugging to Mini‑Programs and Adds Session Replay

PageSpy, now with over 3000 GitHub stars, introduces multi‑platform mini‑program debugging for WeChat, Alipay and UniApp, plus a session‑replay feature that records network requests and console logs, enabling developers to export, share, and replay logs for efficient bug investigation.

JavaScriptMini ProgramPageSpy
0 likes · 7 min read
How PageSpy Extends Frontend Debugging to Mini‑Programs and Adds Session Replay
Ele.me Technology
Ele.me Technology
Feb 21, 2024 · Frontend Development

MorJS: Converting Mini‑Program Code to Web Applications – Architecture and Implementation

MorJS is a self‑developed tool that automatically converts Alipay mini‑program code into a full React web application by parsing AXML, ACSS and JavaScript into JSX, CSS and React logic, and supplying a runtime with lifecycle mapping, lit‑element UI components and API shims, cutting development effort by over 30% and unifying Ele.me’s web, app and mini‑program ecosystems.

CompilationMini ProgramMorJS
0 likes · 12 min read
MorJS: Converting Mini‑Program Code to Web Applications – Architecture and Implementation
JD Tech
JD Tech
Feb 5, 2024 · Frontend Development

Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale

This article details how JD's massive‑scale shopping mini program achieved a two‑fold performance boost through systematic front‑end optimizations—including code‑package reduction, independent sub‑packages, async loading, pre‑download, selective code injection, first‑screen rendering tricks, and release‑frequency management—providing practical guidance for developers targeting large‑user bases.

JDMini ProgramWeChat
0 likes · 13 min read
Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale
Didi Tech
Didi Tech
Jan 25, 2024 · Frontend Development

Design of MPX Partial Runtime Capability Enhancement for Mini‑Program Development

The article describes MPX’s partial runtime capability‑enhancement design, which adds modern web‑framework features such as props, default slots and event forwarding to Didi’s recompilation‑based mini‑program framework by enabling on‑demand runtime rendering for selected components, generating minimal base templates, respecting the native dual‑thread event model, and exploring server‑component‑inspired mixed rendering while keeping performance overhead low.

Component ArchitectureMini ProgramRuntime Enhancement
0 likes · 19 min read
Design of MPX Partial Runtime Capability Enhancement for Mini‑Program Development
Tencent Music Tech Team
Tencent Music Tech Team
Jan 3, 2024 · Frontend Development

Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST

The article describes an AST‑driven command‑line tool that automatically upgrades a Taro 1.x mini‑program to 3.x by updating dependencies, converting imports, restructuring files, consolidating styles, replacing deprecated APIs, and adjusting build settings, offering faster, more reliable migration than the labor‑intensive manual approach.

ASTAutomationMini Program
0 likes · 9 min read
Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST
JD Retail Technology
JD Retail Technology
Dec 20, 2023 · Frontend Development

JD Shopping Mini Program Performance Optimization: Practices and Results

This article details how JD Shopping mini program improved launch speed and user retention by applying code‑splitting, asynchronous sub‑packages, lazy component injection, reduced synchronous API calls, first‑screen rendering tricks, data prefetching, caching, and smarter version release strategies.

Code SplittingLoading SpeedMini Program
0 likes · 10 min read
JD Shopping Mini Program Performance Optimization: Practices and Results
Weimob Technology Center
Weimob Technology Center
Dec 5, 2023 · Mobile Development

How Virtual Routing Boosts Cross-Platform Mobile App Navigation

This article introduces a virtual routing framework for mobile applications that unifies page navigation across Android, iOS, and mini-programs, enabling dynamic URL distribution, platform-specific configurations, version-based routing, and reduced maintenance, while detailing architecture, implementation steps, and code examples.

AndroidDynamic ConfigurationMini Program
0 likes · 11 min read
How Virtual Routing Boosts Cross-Platform Mobile App Navigation
php Courses
php Courses
Oct 27, 2023 · Backend Development

Implementing WeChat Mini Program Recharge Functionality with PHP

This article explains how to develop a recharge feature for WeChat Mini Programs using PHP, covering the setup of payment parameters, generating prepay orders, invoking wx.requestPayment, and handling payment callbacks with example code.

BackendMini ProgramPHP
0 likes · 6 min read
Implementing WeChat Mini Program Recharge Functionality with PHP
JD Tech
JD Tech
Oct 20, 2023 · Frontend Development

Common Methods for Listening to List Item Exposure in Frontend Development

This article explains why front‑end data‑collection (exposure) points are crucial, outlines three main techniques—estimating visibility from paginated data, listening to scroll events with bounding‑box calculations, and using the IntersectionObserver API—detailing their implementation, advantages, drawbacks, and best‑practice usage across H5, mini‑programs, and Taro.

Exposure TrackingIntersectionObserverMini Program
0 likes · 23 min read
Common Methods for Listening to List Item Exposure in Frontend Development
HelloTech
HelloTech
Oct 17, 2023 · Frontend Development

Running React Code in Mini Programs with Taro: Compilation vs Runtime Approaches

Unlike Taro 1/2, which compiles React code into native mini‑program files through a complex Babel‑based pipeline, Taro 3 runs the original React source at runtime by injecting a lightweight simulated DOM/BOM layer, simplifying development but adding a performance‑overhead that is mitigated with pre‑rendering and virtual lists.

CompilationDOM SimulationMini Program
0 likes · 21 min read
Running React Code in Mini Programs with Taro: Compilation vs Runtime Approaches
Baidu Geek Talk
Baidu Geek Talk
Sep 25, 2023 · Frontend Development

How Baidu’s New Mini‑Program Compiler Boosted Build Speed by Up to 7×

Baidu’s mini‑program compiler was completely rebuilt with a self‑designed architecture, multi‑threading, full‑process caching and sourcemap optimizations, delivering 2‑7× faster builds, lower memory usage and smaller output while keeping compatibility with the old system.

Mini ProgramPerformance Optimizationbuild tools
0 likes · 19 min read
How Baidu’s New Mini‑Program Compiler Boosted Build Speed by Up to 7×
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 18, 2023 · Frontend Development

Why We Need Mini Programs, Micro‑Frontends, and Module Loading: A Technical Reflection

The article explores the motivations behind mini programs, micro‑frontends, and module loading, comparing their technical advantages, business implications, and ecosystem challenges while questioning whether these solutions truly address core problems or merely serve as market‑driven silver bullets.

Mini Programfrontendmicro-frontend
0 likes · 19 min read
Why We Need Mini Programs, Micro‑Frontends, and Module Loading: A Technical Reflection
Alibaba Terminal Technology
Alibaba Terminal Technology
Aug 11, 2023 · Frontend Development

Mastering Conditional Compilation for Efficient Cross‑Platform Mini‑Program Development

This article explains how conditional compilation can eliminate redundant code in cross‑platform mini‑program projects, describes the syntax and implementation details in MorJS, and shows practical examples for code‑level and file‑level compilation strategies that improve performance, maintainability, and product consistency.

Code OptimizationMini ProgramMorJS
0 likes · 15 min read
Mastering Conditional Compilation for Efficient Cross‑Platform Mini‑Program Development
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 2, 2023 · Mobile Development

How Eleme’s MorJS Enables One‑Code‑Base Across Mini‑Programs and Web

This article reviews the evolution of cross‑platform technologies, explains Eleme’s unique approach of using a mini‑program DSL for multi‑end deployment, and details the static compilation plus runtime compensation strategy that powers the open‑source MorJS framework for seamless code reuse across mobile mini‑programs, plugins, sub‑packages, and web applications.

Mini ProgramMobile DevelopmentMorJS
0 likes · 27 min read
How Eleme’s MorJS Enables One‑Code‑Base Across Mini‑Programs and Web
JD Retail Technology
JD Retail Technology
Jul 25, 2023 · Frontend Development

How JD’s Low‑Code Platform Transforms Mini‑Program Development

The article examines JD’s low‑code development platform for WeChat mini‑programs, detailing its visual DSL, architecture, layered iOC design, feature set—including drag‑and‑drop canvas, UI components, data binding, and ChatGPT integration—while discussing trade‑offs between generic versus vertical solutions and the platform’s configuration principles.

JDMini ProgramWeChat
0 likes · 18 min read
How JD’s Low‑Code Platform Transforms Mini‑Program Development
Goodme Frontend Team
Goodme Frontend Team
Jul 14, 2023 · Frontend Development

Why DingTalk Mini‑Program Development Feels Like a Nightmare (and How to Survive)

The article recounts a team's two‑year deep dive into DingTalk mini‑program development, exposing numerous iOS keyboard bugs, missing APIs, version‑upgrade quirks, performance issues, and inadequate official support, while also sharing workarounds, CI/CD automation tips, and suggestions for platform improvement.

DeploymentDingTalkMini Program
0 likes · 21 min read
Why DingTalk Mini‑Program Development Feels Like a Nightmare (and How to Survive)
Ant R&D Efficiency
Ant R&D Efficiency
Jun 26, 2023 · Cloud Native

Serverless Function Compute for Mini Programs: Architecture, Security, and Performance Optimizations

Alipay’s serverless Function Compute platform empowers mini‑program developers with a four‑stage architecture—mini program, Alipay app, gateway, and function—offering automatic elastic scaling, sub‑20 ms scheduling, sub‑100 ms cold‑starts, multi‑layer isolation, DDoS protection, and the ability to sustain 10 k QPS for reliable, low‑latency user experiences.

Cloud NativeFunction ComputeMini Program
0 likes · 18 min read
Serverless Function Compute for Mini Programs: Architecture, Security, and Performance Optimizations
Ctrip Technology
Ctrip Technology
Jun 1, 2023 · Frontend Development

Cross‑Platform Shared Web Components: Architecture, Implementation, and Host Integration

This article describes a cross‑platform solution that enables a single set of Web component code to be shared across Native, React Native, and mini‑program environments by leveraging Web Components, environment‑aware builds, and bridge communication, thereby reducing development effort and accelerating release cycles.

Mini ProgramReactfrontend development
0 likes · 14 min read
Cross‑Platform Shared Web Components: Architecture, Implementation, and Host Integration
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 13, 2023 · Frontend Development

What Is MorJS and How It Enables One-Code Multi-Platform Mini‑Program Development

MorJS is an open‑source, extensible framework that lets developers write a single mini‑program using a native DSL and compile it into deployable artifacts for multiple platforms—including WeChat, Alipay, Baidu, ByteDance, DingTalk, Kuaishou, QQ, Taobao, and H5—while offering plugins, form conversion, and H5 integration.

Mini ProgramMorJScross-platform compilation
0 likes · 13 min read
What Is MorJS and How It Enables One-Code Multi-Platform Mini‑Program Development
IT Services Circle
IT Services Circle
Mar 29, 2023 · Frontend Development

Top 10 Popular Frontend Open‑Source Projects from Tencent

This article surveys Tencent's ten most popular frontend open‑source projects, describing each library or framework, its key features, typical use cases, and providing GitHub links with star counts to help developers discover valuable tools for web, mobile, and mini‑program development.

Mini ProgramTencentmicro-frontend
0 likes · 8 min read
Top 10 Popular Frontend Open‑Source Projects from Tencent
JD Tech
JD Tech
Mar 28, 2023 · Mobile Development

Foldable Screen Adaptation for JD Mini‑Program on Android

This article examines the growing trend of foldable Android screens, outlines the challenges JD mini‑programs face when adapting to such devices, and presents practical solutions including resizable activities, aspect‑ratio handling, configuration‑change management, rpx units, and engine‑level fixes to ensure seamless user experience across inner and outer screens.

AndroidMini Programconfiguration changes
0 likes · 15 min read
Foldable Screen Adaptation for JD Mini‑Program on Android
Huolala Tech
Huolala Tech
Feb 28, 2023 · Frontend Development

Reduce WeChat Mini Program Main Package by 25% with Split‑Package Async

Facing a near‑2 MB main bundle limit in the Huolala WeChat mini‑program, this guide analyzes the code dependencies, outlines four official size‑optimization strategies, and presents two practical solutions—split‑package async and split‑package plugin async—demonstrating how to shrink the main package from 1.83 MB to 1.36 MB while ensuring compatibility with the required base library version.

Mini ProgramWeChatcode size
0 likes · 12 min read
Reduce WeChat Mini Program Main Package by 25% with Split‑Package Async
HomeTech
HomeTech
Dec 13, 2022 · Frontend Development

Choosing uni-app over taro for Cross‑Platform Mini‑Program Development: Background, Technical Selection, and Case Study

This article analyzes the rapid growth of mobile mini‑programs, compares the cross‑platform frameworks uni‑app and taro based on core requirements, ecosystem, and performance, presents a concrete project structure and rendering details, and quantifies the efficiency gains achieved by adopting uni‑app for automotive quotation services.

Mini ProgramReactTaro
0 likes · 9 min read
Choosing uni-app over taro for Cross‑Platform Mini‑Program Development: Background, Technical Selection, and Case Study
ELab Team
ELab Team
Oct 28, 2022 · Mobile Development

How to Capture Real‑Time Heart Rate Data in a Taro Mini‑Program Using BLE

This tutorial walks through building a Taro mini‑program that connects to a BLE heart‑rate strap, discovers services and characteristics, reads device name and heart‑rate measurements, and handles data conversion, providing code examples and practical insights for mobile developers.

BLEBluetoothHeart Rate
0 likes · 14 min read
How to Capture Real‑Time Heart Rate Data in a Taro Mini‑Program Using BLE
ITPUB
ITPUB
Jun 18, 2022 · Operations

How MDD and SRE Cut Mini‑Program Image‑Upload Failures from Days to Minutes

This article recounts a three‑day image‑upload outage in a mini‑program, analyzes the multi‑layer causes, and shows how combining Metrics‑Driven Development with SRE and a custom observability platform dramatically reduces diagnosis time and improves reliability.

Metrics-Driven DevelopmentMini ProgramObservability
0 likes · 20 min read
How MDD and SRE Cut Mini‑Program Image‑Upload Failures from Days to Minutes
dbaplus Community
dbaplus Community
Jun 13, 2022 · Operations

How We Built a Mini‑Program Observability Platform to Slash Incident Resolution Time

After a three‑day, ten‑person investigation into a mini‑program image‑upload failure, we designed and implemented an end‑to‑end observability platform using MDD and SRE principles, defining SLI/SLO, instrumenting client, network, gateway and backend layers, and visualizing metrics with Grafana, ClickHouse and Prometheus.

GrafanaMDDMini Program
0 likes · 18 min read
How We Built a Mini‑Program Observability Platform to Slash Incident Resolution Time
DaTaobao Tech
DaTaobao Tech
Apr 29, 2022 · Industry Insights

How Taobao Mini Programs Cut Load Times by 30%: A Data‑Driven Performance Playbook

This article analyzes the performance challenges of Taobao Mini Programs, defines a multi‑dimensional experience metric, builds a standardized ops data pipeline, introduces the T2 first‑screen algorithm and a three‑stage performance model, and shares concrete optimization practices that reduced T2 from 2.7 s to 1.9 s while improving business metrics.

Mini ProgramOperationsdata analysis
0 likes · 10 min read
How Taobao Mini Programs Cut Load Times by 30%: A Data‑Driven Performance Playbook
Bilibili Tech
Bilibili Tech
Apr 26, 2022 · Artificial Intelligence

2022 Bilibili Technology Patent Selection Awards

The 2022 Bilibili Technology Patent Selection Awards honored ten innovative projects across Best Popularity and Most Popular categories, showcasing advances such as advanced bullet comments, optimized gift animation, video rendering, virtual avatar production, virtual material editing, mini‑program integration, AI‑driven live‑stream switching, blur‑face enhancement, and ghost video tools.

AI enhancementBilibiliMini Program
0 likes · 8 min read
2022 Bilibili Technology Patent Selection Awards
Java Captain
Java Captain
Apr 23, 2022 · Information Security

How to Obtain and Configure an SSL Certificate for Mini Program Deployment

This guide details the step‑by‑step process of obtaining a free SSL certificate, exporting it, and configuring the server with the appropriate key‑store settings to enable HTTPS for a mini‑program, including tips on common pitfalls and verification methods.

CertificateHTTPSMini Program
0 likes · 3 min read
How to Obtain and Configure an SSL Certificate for Mini Program Deployment
Alibaba Cloud Native
Alibaba Cloud Native
Apr 22, 2022 · Operations

How to Design and Execute Performance Tests for Mini‑Programs with PTS

This guide explains why mini‑programs need load testing, outlines three common testing scenarios, describes four test‑type designs, and provides step‑by‑step instructions for using Alibaba Cloud PTS to obtain platform tokens, configure APIs, and run stable, long‑duration pressure tests.

Load TestingMini ProgramPTS
0 likes · 9 min read
How to Design and Execute Performance Tests for Mini‑Programs with PTS
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 31, 2022 · Frontend Development

Boosting Taobao Mini Program Performance: Key Lessons and Best Practices

This article examines how Taobao mini programs tackled stability and speed challenges by redefining user experience metrics, standardizing operational data, analyzing performance stages, and implementing best‑practice solutions such as engine reuse, data prefetching, and template snapshot rendering, resulting in measurable improvements.

Mini ProgramTaobaodata analysis
0 likes · 9 min read
Boosting Taobao Mini Program Performance: Key Lessons and Best Practices
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 2, 2022 · Mobile Development

How to Deliver Seamless Mini‑Program Experience on Weak Networks

This article examines the challenges of weak‑network conditions for mobile mini‑programs and proposes a three‑level user‑experience model—openable, viewable, submittable—along with a three‑layer offline optimization strategy covering resources, data, and transactions to ensure reliable operation even when connectivity is poor.

Mini ProgramMobile DevelopmentUser experience
0 likes · 6 min read
How to Deliver Seamless Mini‑Program Experience on Weak Networks
Ctrip Technology
Ctrip Technology
Jan 6, 2022 · Operations

Ctrip Mini Program Collaborative Development: Repository Management, CI/CD, and Continuous Delivery

This article details Ctrip’s mini‑program collaborative development process, covering modular repository management, automated CI pipelines using GitLab and miniprogram‑ci, and continuous delivery via the MCD platform, illustrating how these practices streamline code integration, testing, packaging, and release for dozens of business lines.

AutomationCtripMini Program
0 likes · 9 min read
Ctrip Mini Program Collaborative Development: Repository Management, CI/CD, and Continuous Delivery
Beike Product & Technology
Beike Product & Technology
Dec 3, 2021 · Frontend Development

JS‑Native Communication and Rendering Flow in Mini‑Program Architecture Using React Reconciler

This article explains how JavaScript in the logic process of a mini‑program communicates with the native layer, details the bidirectional protocol, and describes the React‑based rendering pipeline, host configuration, and container mechanisms that enable DOM updates across logic and render processes.

Mini Programjs-native communicationreact reconciler
0 likes · 26 min read
JS‑Native Communication and Rendering Flow in Mini‑Program Architecture Using React Reconciler
58 Tech
58 Tech
Nov 11, 2021 · Frontend Development

Cross‑Platform Mini Program Log Collection SDK: Design, Implementation, and Practice

This article introduces a lightweight, cross‑platform SDK for mini‑programs that unifies log collection—including exception, normal, and performance data—by intercepting App, Page and platform‑specific APIs, handling multi‑environment differences, and providing flexible usage via npm or single‑file integration.

Mini ProgramPerformance MonitoringSDK
0 likes · 15 min read
Cross‑Platform Mini Program Log Collection SDK: Design, Implementation, and Practice
JD Retail Technology
JD Retail Technology
Oct 12, 2021 · Frontend Development

Multi‑Platform Development with Taro, Vue 3, and NutUI 3: A Practical Case Study

This article details a real‑world project that used Taro, Vue 3, and NutUI 3 to build a cross‑platform e‑commerce solution supporting web, H5, and various mini‑programs, covering background analysis, technology comparison, implementation details, performance testing, theme customization, routing challenges, and optimization lessons learned.

Mini ProgramNutUI3Taro
0 likes · 15 min read
Multi‑Platform Development with Taro, Vue 3, and NutUI 3: A Practical Case Study
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 27, 2021 · Frontend Development

How DingTalk Mini‑Program Cards Transform Enterprise Apps with Immersive UI

This article explains how DingTalk's mini‑program card capability replaces cumbersome H5 flows with one‑click, real‑time interactions—illustrated by the Happiness Bus seat‑reservation and ICBU client‑invitation cases—while detailing the underlying DSL, data‑sync mechanisms, IDE integration, and future roadmap for cross‑platform, low‑code development.

DSLDingTalkMini Program
0 likes · 14 min read
How DingTalk Mini‑Program Cards Transform Enterprise Apps with Immersive UI
Java Architect Essentials
Java Architect Essentials
Aug 19, 2021 · Mobile Development

WeChat Mini Program Mall (Java Version) – Open‑Source Project Overview and Installation Guide

This article introduces the open‑source WeChat mini‑program mall (Java version), detailing its technical stack, development plan, project structure, core features such as member and order management, SMS service integration, and step‑by‑step installation and deployment instructions for both backend and frontend components.

InstallationMini ProgramSpringBoot
0 likes · 7 min read
WeChat Mini Program Mall (Java Version) – Open‑Source Project Overview and Installation Guide
Ctrip Technology
Ctrip Technology
Jun 24, 2021 · Frontend Development

Choosing Nanachi for React to Mini‑Program Conversion: Comparison, Challenges, and Implementation

The article analyzes the background of mini‑program development, compares cross‑platform conversion frameworks, explains why Nanachi was selected for its small package size and native‑project mixing support, details its architecture, outlines conversion issues and solutions, and presents the overall static translation workflow and results.

Mini ProgramNanachiReact
0 likes · 12 min read
Choosing Nanachi for React to Mini‑Program Conversion: Comparison, Challenges, and Implementation
macrozheng
macrozheng
Apr 21, 2021 · Mobile Development

Master WeChat Pay Integration for Public Accounts and Mini‑Programs

This guide walks you through the prerequisites, configuration steps, and complete payment flow—including unified order, client invocation, asynchronous notification, and status query—required to integrate WeChat Pay into WeChat official accounts and mini‑programs.

API v2Mini ProgramMobile Development
0 likes · 15 min read
Master WeChat Pay Integration for Public Accounts and Mini‑Programs
Baidu Geek Talk
Baidu Geek Talk
Mar 29, 2021 · Artificial Intelligence

Baidu Mini Program Online Quality Assurance System: AI‑Driven Automated Traversal, Page Anomaly Detection, and Cloud Phone Cluster

Baidu’s Mini Program QA system uses AI‑driven automated traversal, page‑anomaly detection, and a scalable cloud‑phone cluster to scan hundreds of thousands of mini‑programs, identify red‑line issues via image, OCR and deep‑learning analysis, and automatically resolve most problems, boosting audit efficiency and user experience.

AIAutomated TestingMini Program
0 likes · 19 min read
Baidu Mini Program Online Quality Assurance System: AI‑Driven Automated Traversal, Page Anomaly Detection, and Cloud Phone Cluster
Didi Tech
Didi Tech
Mar 19, 2021 · Frontend Development

Package Size Control Practices in Didi Ride‑Hailing Mini Program

After moving its WeChat/Alipay entry to a Didi Ride‑Hailing mini‑program, the team kept the main bundle under the 2 MB limit by applying MPX‑based webpack tree‑shaking, minification, CDN‑compressed assets, aggressive sub‑package splitting and a lightweight cover page, reducing the core to about 1.1 MB while shifting most business logic into 800 KB–1.2 MB sub‑packages.

Didi Ride-HailingMPX FrameworkMini Program
0 likes · 14 min read
Package Size Control Practices in Didi Ride‑Hailing Mini Program
58 Tech
58 Tech
Mar 12, 2021 · Operations

Continuous Delivery Evolution for Anjuke Mini Programs: From Manual Releases to Platformized Automation

This article details how the Anjuke mini‑program team tackled frequent, fragmented releases across multiple platforms by standardizing processes, introducing local SDK‑based uploads, integrating Jenkins, and ultimately building a platform‑based service with UI automation using Puppeteer, resulting in reduced cost, higher transparency, and scalable multi‑program support.

AutomationContinuous DeliveryJenkins
0 likes · 12 min read
Continuous Delivery Evolution for Anjuke Mini Programs: From Manual Releases to Platformized Automation
Aotu Lab
Aotu Lab
Feb 8, 2021 · Frontend Development

Boosting Taro Mini‑Program Performance: Proven Best Practices and Real‑World Optimizations

This article details how the Taro team optimized the 京喜拼拼 mini‑program by identifying performance bottlenecks, applying best‑practice coding patterns, refining virtual list handling, reducing setData overhead, and integrating native components, ultimately achieving smoother scrolling and higher experience scores across devices.

Mini ProgramTarofrontend
0 likes · 18 min read
Boosting Taro Mini‑Program Performance: Proven Best Practices and Real‑World Optimizations
ByteFE
ByteFE
Feb 3, 2021 · Frontend Development

Developing a Simplified Juejin Mini Program with Taro 3: Design, Features, and Technical Challenges

This article describes the motivation, product design, core features, and technical implementation details of a simplified Juejin mini‑program built with Taro 3, covering markdown rendering, virtual list handling of large content, and canvas‑based share image generation for a better user experience.

CanvasMarkdown RenderingMini Program
0 likes · 9 min read
Developing a Simplified Juejin Mini Program with Taro 3: Design, Features, and Technical Challenges
Qunar Tech Salon
Qunar Tech Salon
Dec 17, 2020 · Frontend Development

Adapting React Native to Mini‑Programs with the qrn‑remax‑unir Component Library

This article introduces the qrn‑remax‑unir library, explains how the QuNar front‑end team adapted React Native code to run on H5 and various mini‑program platforms using Remax, discusses the design choices, implementation details, style handling strategies, animation support, and provides usage instructions and code examples.

Component LibraryMini ProgramReact Native
0 likes · 14 min read
Adapting React Native to Mini‑Programs with the qrn‑remax‑unir Component Library
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Nov 24, 2020 · Frontend Development

Thanos Multi‑Platform Development Framework: Architecture, Components, and Implementation

The article introduces the Thanos framework, a Vue‑based compile‑time solution that enables cross‑platform development for nine mini‑program and web targets by unifying components, APIs, and runtime behaviors, and details its architecture, scaffold tools, compiler mechanics, and runtime optimizations.

FrameworkMini ProgramRuntime
0 likes · 15 min read
Thanos Multi‑Platform Development Framework: Architecture, Components, and Implementation
vivo Internet Technology
vivo Internet Technology
Nov 11, 2020 · Frontend Development

vivo Mall Multi-End Unified Frontend Architecture Practice

The article details vivo Mall’s shift to a multi‑end unified frontend architecture using uni‑app, highlighting how a single technical stack reduces development and maintenance costs, accelerates H5 feature migration to mini‑programs, and introduces innovations such as code conversion tools, conditional compilation, advanced Vuex namespace handling, and component‑page decoupling via @vivo/smartx to meet current and future endpoint demands.

Frontend ArchitectureMini ProgramVuex
0 likes · 12 min read
vivo Mall Multi-End Unified Frontend Architecture Practice
Tencent Mobility Industry Design Center
Tencent Mobility Industry Design Center
Sep 22, 2020 · Fundamentals

How Tencent’s Car‑Embedded Mini‑Programs Redefine In‑Vehicle UI Design

This guide explains how Tencent’s car‑embedded mini‑programs address the unique constraints of in‑vehicle infotainment by outlining experience highlights, design principles, interaction rules, visual standards, implementation steps, and future outlook for creating safe, efficient, and user‑friendly automotive interfaces.

Design GuidelinesHuman-Computer InteractionMini Program
0 likes · 15 min read
How Tencent’s Car‑Embedded Mini‑Programs Redefine In‑Vehicle UI Design
Suning Technology
Suning Technology
Aug 18, 2020 · Frontend Development

How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale

This article details Suning’s comprehensive front‑end strategy for the 818 shopping festival, covering Node.js‑based release workflows, the no‑code Titan platform with Weex, a multi‑platform mini‑program system, and a Pixi.js game engine that together boost performance, flexibility, and developer efficiency.

Mini ProgramNo-codeNode.js
0 likes · 7 min read
How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale
ITPUB
ITPUB
Aug 6, 2020 · Mobile Development

How to Build and Deploy a Multi‑Mini‑Program Architecture with Taro

This article explains a practical solution for developing, configuring, and packaging multiple mini‑programs from a single codebase using Taro, covering the challenges of cross‑team collaboration, environment‑specific configuration, adaptation layers, and integration methods such as plugins and sub‑packages.

ConfigurationMini ProgramPlugin Integration
0 likes · 16 min read
How to Build and Deploy a Multi‑Mini‑Program Architecture with Taro
WecTeam
WecTeam
Jul 29, 2020 · Frontend Development

How to Use Webpack for Mini‑Program File Dependency Analysis

This article explains how to leverage Webpack to perform comprehensive file dependency analysis for WeChat mini‑programs, covering the creation of dynamic entry files, custom loaders for wxss, wxml, wxs, and json, handling path issues, and preparing resources for efficient packaging.

Dependency AnalysisMini ProgramWeChat
0 likes · 14 min read
How to Use Webpack for Mini‑Program File Dependency Analysis
58 Tech
58 Tech
Jul 15, 2020 · Frontend Development

Platformization of 58 Anjuke Mini Programs: Multi‑Program Architecture, Development Practices, and Performance Optimization

This article details how the 58 Anjuke front‑end team transformed their multiple mini‑programs into a unified, platform‑based architecture using Taro, describing the challenges, design decisions, code‑level configurations, performance optimizations, and the resulting improvements in development efficiency and user experience.

Mini ProgramTarofrontend
0 likes · 18 min read
Platformization of 58 Anjuke Mini Programs: Multi‑Program Architecture, Development Practices, and Performance Optimization
HelloTech
HelloTech
Jul 1, 2020 · Frontend Development

Developing a Lighthouse Plugin for Web and Mini‑Program Performance Monitoring

The article explains how Harbor Front‑End extends Lighthouse with a custom plugin—defining gatherers, audits, and categories—to uniformly monitor web pages and mini‑programs, illustrating setup, a sample native API‑call logger, and configuration steps that produce detailed performance reports alongside standard Lighthouse metrics.

JavaScriptLighthouseMini Program
0 likes · 14 min read
Developing a Lighthouse Plugin for Web and Mini‑Program Performance Monitoring
We-Design
We-Design
Jun 29, 2020 · Frontend Development

How to Seamlessly Adapt Mini‑Programs from Mobile to PC Screens

This guide explains how to leverage the larger screens and precise input of PCs to adapt mobile‑first mini‑programs, covering fundamental experience differences, responsive layout patterns, interaction translation, and special scenarios such as pop‑ups and hidden gestures, enabling a seamless cross‑platform user experience.

Mini ProgramPC adaptationResponsive Design
0 likes · 10 min read
How to Seamlessly Adapt Mini‑Programs from Mobile to PC Screens
Youku Technology
Youku Technology
Jun 22, 2020 · Frontend Development

Cross‑Platform Mini‑Program Mastery: Lessons from Alipay, Baidu, ByteDance & Quick Apps

This article compiles practical experiences and technical lessons from developing Taopiaopiao mini‑programs on Alipay, Baidu, ByteDance and Quick‑App platforms, covering architecture choices, common pitfalls, component adaptation, template syntax, login flows, card integration, multi‑end differences and maintenance strategies.

AlipayBaiduByteDance
0 likes · 25 min read
Cross‑Platform Mini‑Program Mastery: Lessons from Alipay, Baidu, ByteDance & Quick Apps
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 4, 2020 · Frontend Development

How Alibaba Scales Live Streaming Across Multiple Front‑End Platforms

This article details Alibaba’s live‑streaming technical architecture, describing the layered front‑end capabilities, the ALive open platform, mini‑program integration process, component types, cross‑platform communication, achieved results, and future roadmap for scaling live broadcasts across multiple apps and devices.

AlibabaMini ProgramOpen Platform
0 likes · 14 min read
How Alibaba Scales Live Streaming Across Multiple Front‑End Platforms