Author information: Bytecapplets basic technology team – Yang Deli

preface

Byte applets are part of a larger developer ecosystem, built on top of byte apps. Centering on the open scenario, open interface and open trust relationship, a set of full-link ecological solutions with small programs as the final technical carrier to connect the services provided by external enterprises. The scheme not only provides and has the development and operation mode of multi-page application-level mode, but also provides the development and operation mode of single page and card, which can support the run-time connection and linkage between multi-page and operation mode. At present, it has covered more than 20 apps such as Douyin inside Byte, Douyin Volcano, Watermelon and Toutiao, and supports external empowerment. More than 50 external apps have been launched.

Different hosts, based on their own development vision and mission, integrate the small program framework to give developers the gameplay space, bearing different business scenarios. Enabling an APP to run applets is the first step to breaking down APP silos and connecting to more services.

1. Programme value

1.1 Scalable links to external content and services:

A. scheme of high safety, can scale the introduction of external services and content: platform isolation, unified handling of box controls (authentication, auditing, version control), grammar limited, encapsulation, compiling and loading strategy allows the user to a smooth and convenient to use small programs at the same time, the stability and safety to be unified, controlled and guaranteed

B. Perfect mini-program ecology and high industry penetration rate

1.2 Efficiency development:

A. Build on established standards: allow developers to build on and extend the platform’s extensive library of components, apis, and UI components

B. Low cost of cross-platform compatibility: the unified platform is compatible with cross-end fragmentation differences

C. Fewer pits: the framework has been used and verified in a large number of small programs online and multi-business scenarios, and the supporting quality assurance tools and strategies are perfect

D. Low starting cost: unified with the industry small program program, any small program experience can access development without cost

1.3 Performance & Experience Close to native:

A. Separation of logic and rendering: dual thread execution to avoid the problem of page jamming caused by logic running for a long time

B. More flexible and diverse native components and native capabilities: native components like Video, Map, Textarea, live-player, Canvas, etc. AR, VR and other capabilities support

C. Good linearity: in weak network and intermittent network, local package can be opened to ensure user experience, so as to avoid the problem of poor user experience in the case of traditional H5 without network

D. High performance ceiling: there is more exploration and optimization space in loading efficiency, communication efficiency, rendering efficiency and other aspects. Under the same set of small program development system, native rendering and native + native mixed small program rendering schemes and compilation and loading strategies can be explored and constructed

1.4 Breaking through traditional Web Boundaries:

A. Rendering optimization breaks browser limits: container preheating, preloading, prerequest and other optimization methods can effectively improve the speed of first-screen display

B. Multi-container page management: avoid the problems of multi-tab page hopping white screen, backsliding and reloading, and the pre-rendering mechanism and jump animation make the Web experience infinitely close to the pure end

C. Highly controllable means of offline cache and update of resource bundles: it can avoid the instability of browser cache strategy and fundamentally solve the contradiction between content loading optimization and content update

2. Value on Douyin

2.1 Value main Track – Enabling Tiktok open:

2.1.1 Value of Tiktok Access

For connecting external developers, trill applet open platform provided by the ecological framework can hope to external developers to integrate their services, satisfy the trill inside health benefits, the needs of the users, the creator, under the trill the ecological, let the enterprise itself is an achievement “career” rather than just doing and trill “business”.

(1) Accelerating service coverage

For Douyin, by opening the small program platform, more platform developers of different types and Saa S service providers can be introduced, which can quickly enable the expansion and extension of different key vertical categories of Douyin, and ensure that users can complete the closed loop between Douyin and vertical categories connected by content.

  • Openness can release a market signal and introduce the open play of Douyin to the industry. Multiple players will participate in the same vertical play and cooperate with the rules of the platform to form healthy competition and boost the development of the platform.
  • Whenever trill need to expand the vertical type, can be in open platform release the vertical support signal, can quickly attract corresponding platform and SaaS to join, on the one hand can take advantage of the platform and SaaS quickly laid offline resources, on the other hand can provide corresponding talent realizable way quickly, help the vertical type talent ecological rapid construction.

(2) Improved efficiency of advertising platform

For platform commercialization, small programs can be used as a new means to attract advertisers and enhance the competitiveness of byte system advertising platform industry.

  • For advertising effect, small program compared with H5 has a more primitive experience, but also with retention and search entrance, can effectively help advertisers to improve the efficiency of advertising cash. For advertising brands, small programs can be combined with the open ability we provide to better achieve the demands of brand customers, but also can use the rich ability of small programs to continue to make a combination of advertising and Douyin showcase, continue to improve the influence of the advertising platform.
  • At the same time, with the opening of small programs, more and more small programs can be verified on the Platform of Douyin, so they will naturally choose to put on the platform of Douyin, so that it can quickly gain volume, and potentially expand more customers for commercialization.

(3) Strengthen corporate social value and responsibility

Byte can provide more convenient services and enhance the overall value and social responsibility of enterprises through the form of small programs.

  • The platform can launch the government affairs template, bearing the local government services, and the tiktok administration official account for cooperation. The main concept is content connection service, providing users with more efficient information and services, and enhancing users’ trust in the Tiktok platform.
  • At the same time, just like wechat and Alipay’s Healthbao mini programs during the epidemic, only opening up will enhance the overall influence of the platform in the industry, make Douyin one of the necessities of users’ lives, and improve the retention of the platform.

Tips: Different hosts have different advantages and characteristics, and corresponding small programs also have different combination of gameplay. For example, Tiktok is not only actively reached by users in search scenarios, but also recommended and distributed in multiple scenarios:

2.2 Value Sub-track – Enabling tiktok business:

2.2.1 Act as a business development scheme to make business low-cost and efficient development and iteration

(1) Multi-terminal operation of a set of business codes

  • Applets are born with a “code in one place, run in many places” attribute and aura, a set of code can run on multiple platforms. Using small program scheme to develop business functions can reduce cost and improve efficiency stably and support business development, on-line and iteration quickly. Achieve multi-terminal and multi-platform support with a unified wave of R & D manpower.

Practical cases: Douyin on toutiao, Kechedi, Watermelon Video, Xinlinli, Doudian and other small programs

(2) Provide universal and rich component libraries, templates, and even support the generation of small programs based on low code platform

  • The component libraries and templates provided by the platform, as well as the internal business and cooperation business supported by the platform, can also support external output.

Low code platform to generate small program examples: www.ixigua.com/70322082598…

3. Practical solutions on Douyin

3.1 solution Show

There is no great difference in the support and bearing of the mainstream small program scheme. Matching multiple business scenarios requires more development patterns and more rendering schemes to be provided and practiced.

3.1.1 The scheme itself

Tips: In a word: the conventional knowledge of small program solutions have advantages, we can do without the disadvantages, a set of development standards can meet all the market expectations for the solution

3.1.2 Scheme Show- Common applets

Tips:

  • The development standard has wide applicability and has been opened to the outside world on a large scale. It can be developed in one place and run in many places. It can support cross-bat small programs at low cost
  • Using dual-thread architecture, multi-process mode (Android), hybrid rendering and other optimization technologies. Support full screen, X split screen display, support with the process of running small program instances

Practical cases:

3.1.3 program Show- native rendering applet

Tips:

  • The applicability of development standards is weak. At present, the underlying layer is based on Lynx rendering, and the API can be equalized with ordinary small programs, but it only supports limited CSS and components, so it is not suitable for large-scale opening.
  • Suitable for open and overlay to simple pages for high performance partners and template-based scenarios
  • It is more suitable for scenarios where small programs are generated from low code platforms, and components and templates supported by low code platforms are rendered in pure native
  • Practical cases: At present, most of them are in the advertising scene with high demand for transformation

3.1.4 program Show- Mixed rendering applet

Tips:

  • Pages rendered using WebView and pages rendered using Oryx/LynxView share the same runtime, allowing high-standard pages to be rendered using WebView while satisfying high performance and experience requirements of scenes with Oryx/LynxView

Hybrid rendering small program to start and switch to seconds to open: www.ixigua.com/70322115041…

3.1.5 Scheme show-onecard card

Tips:

  • Based on the small program technology system, for the standardization, lightweight, high-performance open card scene, to provide developers with view-level solutions, can be run with the small program through, can be better linked with the native page.
  • Practical cases:

4. Collaborate & join

I come from the basic technology team of byte applets. The team is focused on making the byte applets framework the most effective, powerful, influential and comprehensive applets framework in the industry. We are responsible for building the byte applets framework and enabling both internal and external byte applications. If you want to learn more about and use this framework, you are welcome to talk further. If you are also interested in the construction of this ecology and solution, please join us.

Cooperation & Joining contacts:[email protected]