WeChat Mini Program Cloud Development Workshop: SCRM Implementation and Practical Guide

On September 21, the Cloud+ Community Tech Salon "Mini Program·Cloud Development" Beijing session concluded. The workshop, presented by Damo Qiongqiu (Tencent Cloud TVP), covered the technical development of a Social CRM (SCRM) mini program, including its principles, architecture, and hands‑on coding.

The content is divided into five parts:

1. What is Mini Program Cloud Development – It is a classic serverless solution where the mini program front‑end provides a rich component library and development tools, while the cloud side offers MongoDB‑based databases, object storage, cloud functions, and operation tools, enabling end‑to‑end development, deployment, and maintenance.

2. Business Understanding of SCRM – SCRM (Social CRM) adapts traditional CRM concepts to the WeChat ecosystem. It explains why small businesses (e.g., local hardware stores, supermarkets, snack shops) need a lightweight, affordable CRM, and highlights the advantages of WeChat’s massive user base, social marketing channels, and integrated payment system.

3. Interface Design – Defining Product Functions – Sketches illustrate the required pages (about 30), including a business card on the home page, detail pages with text, images, and videos, customer communication channels, and statistical charts. Reusable components such as cards are emphasized, and design tools like WeUI and iconfont are recommended.

4. Cloud Side – Defining Data Structures and Cloud Functions – Using the WeChat Developer Tool, the workshop shows how to create collections (7 in the demo) in the cloud database (MongoDB), define object‑storage directories, and write cloud functions for tasks such as scheduled data aggregation. Differences between NoSQL collections and relational tables, as well as query limitations, are discussed.

5. Mini Program Side – Implementing the Front‑End – The project structure includes minprogram (front‑end) and cloudfunctions (back‑end). Key points cover app.json configuration, using WeUI for UI components, leveraging built‑in components, integrating ECharts via ec‑canvas , handling data interaction with wx.cloud.database , and common pitfalls (e.g., appid registration, component vs. page distinction, rich‑text limitations). The presenter also shares practical tips such as using VS Code for coding, managing icons, and avoiding excessive code bloat.

Finally, the completed code (31 pages, ~4 workdays) is available on GitHub and Gitee, with a reminder not to use the presenter’s appid. The session ends with a light‑hearted illustration of drawing a horse.