How to develop a WeChat Mini Program: requirements, tools, best practices, how is it different from a web application?

1. 101: how to develop a WeChat Mini App

Source: William Kwan
Source: Le Wagon
Source: Le Wagon

2. Before starting to create an Instant App

How to register a Mini App from mainland China – with a Chinese business license

WeChat Mini Program registered with a Chinese business license/entity

Register an account on WeChat Open Platform


How to register a Mini App from overseas – with a Foreign business license

WeChat Mini Program registered with a Foreign business license

Registering a WeChat Mini-Program Account as an Overseas Entity | November 2018 [Azoya]

IDE (Integrated Development Environment)

Download the IDE (Integrated Development Environment)

The IDE is development software provided by Tencent to write all the code as well as preview and test your Mini Program (in the recent version of the tool, the interface is also available in English)

ICP (Internet Content Provider)

In order to host a digital platform in China, an ICP is required to comply with the law. This permit can be obtained via the hosting provider.

Depending on the Mini Program’s complexity, it will certainly require to communicate with some third-party server(s) (Eg. data transfer).

These servers must be under an ICP.

HTTPS

The communications between WeChat Mini Program front-end and the third-party servers must be secured with HTTPS protocol.

3. Useful Github resources to get started with Mini Program development

4. Integrations

WeChat JS SDK

Some functionalities available with WeChat JS SDK can also be implemented in a Mini Program:

  • QRcode / barcode scanner
  • WeChat pay
  • WeChat login
  • Geolocation
  • Accelerometer
  • Interaction with WeChat card system
  • Template Message
  • Service centre message
  • Interaction with iBeacons
  • Fapiao information
  • WeRun
  • etc…

Learn more about the WeChat native functionalities with JS SDK and how the brands can use them best in an eCommerce Mini Program

WeChat UnionID: what is the difference with OpenID? How to set it up?

UnionID is the unique user ID across every WeChat channel (Official Account, Mini Program, H5) that is bound to the same WeChat Open Platform account.

So for a given user, the UnionID is the same for every WeChat channel. However, the OpenID is different between Official Account and Mini Program and H5.

WeChat Payment

Template message

5. UI component development

6. Performance optimization

7. Development frameworks

WeChat Mini Programs Development Frameworks (2018) - Le Wagon

8. What are the requirements? What do you need to create a WeChat Instant App?

9. You don’t need to develop them from scratch any longer: the Mini App ecosystem is commoditizing very fast

Mini Programs are commoditizing very fast, with: 

  • the emergence of use case focused drag and drop builders: e-commerce shops, loyalty programs etc.
  • maturing frameworks allowing to create multiple front-ends (H5, Mini Programs) from a unified codebase

  • Mini Program Generators (Drag & Drop UX) = sxl.cn

10. Performance measurement and analytics

11. All in one place – essential reports to learn the basics on how to make a WeChat Mini App



Updated on 2019-11-28

Article Attachments

Related Articles

Help us to improve this page!
Outdated information? Exclusive insights? Share with us what is missing!
Submit updates