This article was originally published at: github.com/bigo-fronte… Welcome to follow and reprint.

preface

Front-end construction is popular in the market now. Through visual drag and drop, quick page generation, simple data source configuration and interactive events, businesses can be delivered quickly.

However, the cost of front-end business construction is high and a large number of business components need to be maintained. Moreover, based on its Render engine, it is difficult to secondary coding and customized development. Therefore, front-end construction is not a good solution for large and complex front-end pages.

In addition, purely manual development of front-end pages, for changeable product requirements, every time to go through code changes, test regression, release online. Time consuming, inefficient, and release risky.

Bigo belongs to the overseas business, and the front-end page needs to be adapted to multiple languages. Previously, multi-language is static JSON package to the front-end project, and multi-language will be frequently modified, resulting in frequent release.

To sum up, a simple front-end configuration system is urgently needed to configure front-end content, including but not limited to: multi-language, picture, copy, link, time, active switch, business logic, etc. Front-end development is logical docking based on configuration, and the content is maintained by product and operation students. The division of labor is clear, so as to form a closed loop of demand and realize one-click change.

Project named

Chinese name Hundred orchard, often dubbed by people selling fruit (skull pain), we also like the fruit naming system, pear: pear, with the same pronunciation as key-value pair

Using the process

Business development phase

Requirements change phase

Implementation scheme

Business front-end perspective R&D process:

  • Write schema configurations based on business requirements
  • Maintain the value of json
  • Delivering JSON Data
  • Business code interconnects with JSON data

Describes THE JSON configuration based on jSON-schema

To make the resulting JSON maintainable, we generated the form template in jsonSchema, based on UForm, by clicking on portal rather than editing the JSON file directly.

Schema rendering

Json issued

Service practice example, please go to: [Bigo] remember the practice of page configuration once

“Said

With PEAR, we have the flexibility to cover a wide range of business scenarios, enabling business people to make frequent non-logical changes, while providing a friendly JSON editing experience.

Pear is a small and beautiful configuration system with an open source front-end configuration system.

Welcome everyone to leave a message to discuss, wish smooth work, happy life!

I’m bigO front. See you next time.