Tag

WeChat Mini Program

1 views collected around this technical thread.

Ctrip Technology
Ctrip Technology
Nov 14, 2024 · Mobile Development

Technical Practice of Ctrip’s Market Insight Platform Using Donut for High‑Performance Cross‑Platform Mobile Development

This article details how Ctrip’s Market Insight platform leveraged the Donut framework to build a high‑performance, cross‑platform mobile application, covering background, technical challenges, technology selection, development workflow, multi‑login management, large‑list rendering optimization, push integration, build and release processes, encountered pitfalls, and the resulting efficiency and performance improvements.

CI/CDDonutFlutter
0 likes · 24 min read
Technical Practice of Ctrip’s Market Insight Platform Using Donut for High‑Performance Cross‑Platform Mobile Development
php中文网 Courses
php中文网 Courses
Aug 29, 2024 · Frontend Development

WeChat Mini Program Component Development Course Overview

This course provides a comprehensive guide to developing rich WeChat Mini Program applications by teaching learners how to use and customize a wide range of built‑in and extended components, covering fundamentals, UI design, data binding, and practical project implementation.

Component DevelopmentFrontendMobile Development
0 likes · 3 min read
WeChat Mini Program Component Development Course Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 15, 2024 · Mobile Development

Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)

This guide summarizes the typical problems encountered while building a WeChat mini‑program with uniapp + Vue 3 + TypeScript—such as nickname input validation, custom navigation bars, custom tabbars, iOS safe‑area handling, list scrolling quirks, and privacy‑policy configuration—and provides concrete code‑level solutions and best‑practice recommendations.

TypeScriptVue3WeChat Mini Program
0 likes · 16 min read
Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)
HelloTech
HelloTech
Jun 19, 2024 · Frontend Development

WeChat Mini Program Package Size and Performance Optimization Strategies

To keep a WeChat mini‑program under the 2 MB limit and improve both startup and runtime performance, the article proposes splitting the main bundle into async sub‑packages, removing unused code, pre‑fetching data, using on‑demand imports, and implementing a backend‑driven size‑control and CI release gate.

FrontendPackage Size OptimizationResource Management
0 likes · 16 min read
WeChat Mini Program Package Size and Performance Optimization Strategies
DeWu Technology
DeWu Technology
Jun 14, 2024 · Frontend Development

WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD

The guide explains how to build WeChat Mini Programs using a hybrid WebView‑JavaScript sandbox architecture, stay within 20 MB (2 MB per package) limits, organize code with main and sub‑packages, choose uni‑app or Taro, optimize assets, configure app.json, employ dev tools, automate builds and uploads with miniprogram‑ci, and monitor performance via WeAnalysis.

CI/CDFrontend DevelopmentWeChat Mini Program
0 likes · 16 min read
WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

FrontendImage OptimizationOSS
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2023 · Artificial Intelligence

Getting Started with TensorFlow.js: Front‑end, Node.js, and WeChat Mini‑Program Integration

This article introduces TensorFlow.js, explains its origin and core features, and provides step‑by‑step instructions for using it in browsers, Node.js, and WeChat mini‑programs, including package installation, sample code, and practical tips for front‑end developers.

Front-endMachine LearningNode.js
0 likes · 13 min read
Getting Started with TensorFlow.js: Front‑end, Node.js, and WeChat Mini‑Program Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 26, 2023 · Mobile Development

Habit Tracker Mini Program: Features, Architecture, and Custom Calendar Styling

This article introduces a WeChat mini‑program for habit tracking that combines PHP‑MySQL backend services with a UniApp‑based front‑end, detailing its habit‑check‑in, focus‑training features, custom calendar UI styling, and chart integration for statistical visualization.

FrontendHabit TrackingMySQL
0 likes · 6 min read
Habit Tracker Mini Program: Features, Architecture, and Custom Calendar Styling
Test Development Learning Exchange
Test Development Learning Exchange
Nov 12, 2023 · Operations

Using Jenkins to Build and Display WeChat Mini Program QR Codes

This guide explains how to configure Jenkins with the WeChat Mini Program Builder plugin, create a pipeline that builds the mini‑program, generates a QR code, and displays the latest QR image on the Jenkins dashboard for quick testing, including full pipeline and code examples.

CI/CDJenkinsQR code
0 likes · 9 min read
Using Jenkins to Build and Display WeChat Mini Program QR Codes
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Oct 31, 2023 · Mobile Development

Performance Metrics and Optimization Strategies for WeChat Mini Programs

This article explains the startup process and lifecycle of WeChat mini programs, defines key performance measurement indicators such as launch time, first render time, and first screen load time, and provides detailed optimization techniques to address long startup, page load, and UI lag issues.

Mobile DevelopmentOptimizationWeChat Mini Program
0 likes · 13 min read
Performance Metrics and Optimization Strategies for WeChat Mini Programs
php中文网 Courses
php中文网 Courses
Oct 31, 2023 · Mobile Development

How to Develop AR Experiences for WeChat Mini Programs Using PHP

This article explains the required preparations, server configuration, and step-by-step PHP code to handle AR resource uploads, as well as the integration of WeChat Mini Program AR plugins and JavaScript calls, enabling developers to create AR experiences within Mini Programs.

ARMobile DevelopmentPHP
0 likes · 5 min read
How to Develop AR Experiences for WeChat Mini Programs Using PHP
php中文网 Courses
php中文网 Courses
Oct 30, 2023 · Artificial Intelligence

Implementing AI Features in WeChat Mini Programs Using PHP

This article explains how to integrate artificial intelligence into WeChat Mini Programs by deploying a TensorFlow model on a PHP backend, providing step‑by‑step instructions and sample code for creating an API, handling requests with wx.request, and returning predictions to the client.

AIAPITensorFlow
0 likes · 5 min read
Implementing AI Features in WeChat Mini Programs Using PHP
High Availability Architecture
High Availability Architecture
Sep 12, 2023 · Frontend Development

AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend

The article describes how the author used ChatGPT to generate over 5,000 lines of code for a WeChat mini‑program community app, outlining the AI‑Driven Development (AIDD) workflow, detailed login and post‑list module implementations, multiple iteration cycles, code snippets, and reflections on efficiency and reuse.

AI-driven developmentComponent ReuseFrontend Development
0 likes · 13 min read
AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend
Weimob Technology Center
Weimob Technology Center
Jul 4, 2023 · Backend Development

How to Seamlessly Link Multiple Merchant Mini‑Programs with Unified Identity in WeChat

This article explains why platform mini‑programs need to unify user identities across different merchant mini‑programs, outlines two main implementation methods—authorized login and unified authentication—details Weimob Live’s practical solution, and provides design advantages, considerations, and a concise summary of the approach.

Backend IntegrationIdentity AuthenticationNode.js
0 likes · 10 min read
How to Seamlessly Link Multiple Merchant Mini‑Programs with Unified Identity in WeChat
php中文网 Courses
php中文网 Courses
Jun 17, 2023 · Mobile Development

Implementing Voice Functionality in WeChat Mini Programs

This guide explains how to integrate WeChat Mini Program voice capabilities by importing the recorder and audio APIs, recording audio, uploading for speech recognition, and playing back the result, with example code snippets for each step.

Speech RecognitionVoice APIWeChat Mini Program
0 likes · 3 min read
Implementing Voice Functionality in WeChat Mini Programs
php中文网 Courses
php中文网 Courses
Jun 17, 2023 · Frontend Development

Implementing Audio Recording and Playback in WeChat Mini Programs with PHP Backend Storage

This guide explains how to implement audio recording and playback in WeChat Mini Programs using the wx.getRecorderManager and wx.createInnerAudioContext APIs, and demonstrates storing the recorded files on a PHP server via wx.uploadFile and standard PHP file handling.

Frontend DevelopmentPHPWeChat Mini Program
0 likes · 5 min read
Implementing Audio Recording and Playback in WeChat Mini Programs with PHP Backend Storage
Test Development Learning Exchange
Test Development Learning Exchange
May 23, 2023 · Backend Development

Automated Testing of WeChat Mini Program APIs with Python, Requests, and Beautiful Report

This guide explains how to use Python3, the Requests library, and Beautiful Report to perform automated API testing for WeChat Mini Programs, covering prerequisite knowledge, obtaining an access token, writing test cases, and generating detailed HTML test reports.

API testingBeautifulReportRequests
0 likes · 5 min read
Automated Testing of WeChat Mini Program APIs with Python, Requests, and Beautiful Report
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Apr 25, 2023 · Frontend Development

Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs

This article explains the concept and importance of motion transition design, introduces the Skyline rendering engine for WeChat mini‑programs, and provides detailed implementation guidelines—including custom routing, shared‑element animations, gesture handling, and performance optimizations—illustrated with complete code examples.

FrontendSkylineWeChat Mini Program
0 likes · 18 min read
Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs