Fast start, zero configuration, painless migration. Provide better engineering and code reuse capabilities, improve development efficiency and improve development experience.

After wechat released the small program, many businesses of Webank have appeared the demand of small program development. At that time, the small program official can not provide effective engineering ability support, due to the small program architecture and the Web side development split, can not directly enjoy the Web side of the existing technology, often need to develop manual Ctrl+C,V, and also change the source transplant to the small program, and more than 2 years ago on the market small program framework, Dirty check mechanisms and component solutions are criticized. How to improve the efficiency of small program development and ensure high quality (every step of the development of the banking system can not be neglected, we all know) has become an urgent problem to be solved.

Therefore, the front-end development department of Webank began to develop its own progressive small program framework in early 2017. After successful polishing, verification and user review of several products, the project team spontaneously organized wXA. js to open source to the technical community in 2018. After more than 2 years of quiet development (polishing), Has changed from a cute new applets open source framework to a more mature, complete senior applets open source framework. With this, we hope to provide you with a better framework for your small program projects.

At present, gogoose money, Webank video customer service, Webank auto finance and other more than 20 small programs for their own use and many partners have been using the WXA open source framework.

Project Address:

Github.com/WeBankFinTe…

gitee.com/webank/wxa

Wxa framework advantages

  • True zero cost access

Native applets can be built using WXA without modification. Of course, if you are willing to use the syntax provided by WXA, you can immediately enjoy smooth experiences that you can’t get in native applets, such as state management and form validation. Ultra low migration cost, native applets can run in @WXA/CLI2 as soon as the dependencies are installed. Support native and WXA hybrid development.

  • Powerful dependency analysis algorithms

Self-developed dependency analysis algorithm supports subcontracting and minimizes code package volume. This not only speeds up small applications, but also eliminates the need for developers to manually delete unnecessary files such as code and images in a project.

  • Excellent componentization and engineering ability

Any third-party component library can be installed at any time and can be used, which is perfect for weUI, VUte-regenerative P, WUX-regenerative P, iVIEW-regenerative P, etc. NPM dependency, package, compile, compress resource file full parsing, let you develop small programs efficiently and elegantly.

  • Meet the requirements of multi-terminal compatibility

Allow one-time compilation of multiple tripartite projects or other platforms of small programs, such as toutiao, QQ small program. Update version in October will be adapted to Alipay, Baidu small program.

Wxa technology features

Wxa is based on AOP ideas, using decorators (run-time rewriting, interception) and precompilation to provide development enhancements without intrusions into the basic interface of applets, plug-and-play on demand. We focus on the native development of small programs, which not only retains the characteristics of simple entry and rapid development of small programs, but also provides a series of capabilities to solve the pain points of engineering and code reuse, improve development efficiency and improve development experience.

  • Fetch Queue management network request, a single request automatically anti-duplicate;

  • Router’s concise API and preloading feature;

  • Lock to prevent repeated execution of the function, the front end of the heavy weapon;

  • Debounnce Anti-jitter;

  • Mixin mixed code, code reuse;

  • Watch, computed Data monitoring and computed properties.

In the process of precompilation, the dependency resolution tree of the small program project is built, and the whole project is managed by the dependency tree. On this basis, NPM, single file development, cloud development, tripartite development, multi-build and so on are adapted. Development syntax supports the latest ES* syntax (including Async/Await), Sass/Scss, Stylus, and can inject more syntax support according to development habits.

Learning and access costs

Standard projects run with no configuration, no additional barriers to learning, and are perfectly suited to development using native applets syntax. Good native compatibility, so that the original small program projects without changing the code, can quickly migrate access to WXA, only need a little configuration, old small program projects can smoothly enjoy the convenience of WXA.

(Concise API)

To learn more

Wxa. Js tutorial

  • GitHub webankfintech.github.io/wxa/

  • Gitee webank.gitee.io/wxa/

Wxa.js project address

  • Making github.com/WeBankFinTe…
  • Gitee gitee.com/webank/wxa

Community communication

  • WeChat group

Sm. Ms/image/dPh2K…

  • Community qr code expired can be contacted

Email: [email protected], [email protected]

Project Leader wechat Buncoder (Add friends please note: WXA)

Join the WXA project

Wxa is the small program infrastructure of Webank, we will maintain and update for a long time, and hope to provide a perfect development solution for your small program projects. Therefore, we sincerely invite you who are interested in small program development to participate in the WXA open source project, we welcome any form of contribution, all kinds of suggestions or comments can be made in GitHub/ Gitee/wechat group issue.

Look forward to your arrival, we use the code to make better happen!