Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Tencent/VasSonic

VasSonic is a lightweight and high-performance Hybrid framework developed by tencent VAS team, which is intended to speed up the first screen of websites working on Android and iOS platform.
https://github.com/Tencent/VasSonic

android-sdk h5 hybrid ios-sdk web webview

Last synced: about 2 months ago
JSON representation

VasSonic is a lightweight and high-performance Hybrid framework developed by tencent VAS team, which is intended to speed up the first screen of websites working on Android and iOS platform.

Awesome Lists containing this project

README

        

## VasSonic: A Lightweight And High-performance Hybrid Framework
[![license](http://img.shields.io/badge/license-BSD3-brightgreen.svg?style=flat)](https://github.com/Tencent/VasSonic/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Tencent/VasSonic/pulls)
[![wiki](https://img.shields.io/badge/Wiki-open-brightgreen.svg)](https://github.com/Tencent/VasSonic/wiki)
---


logo

VasSonic is a lightweight and high-performance Hybrid framework developed by tencent VAS team, which is intended to speed up the first screen of websites working on Android and iOS platform.
Not only does VasSonic supports the static or dynamic websites which are rendered by server, but it is also compatible with web offline resource perfectly.

VasSonic uses custom url connection instead of original network connection to request the index html, so it can request resource in advance or parallel to avoid waiting for the view initialization.
In this parallel case, VasSonic can read and render partial data by WebKit or Blink kernel without spending too much time waiting for the end of data stream.

VasSonic can cache html cleverly according to VasSonic Specification obeyed by client and server.
VasSonic Specification specify template and data by inserting different comment anchor, templates are bigger parts of html which stay the same or changed rarely , in contradiction data, which is the smaller and constantly change part of html.
According to this, VasSonic request less data by incremental updating templates and data, the websites are faster and feel more like native application.
In conclusion, VasSonic effectively enhance the user experience and increase click rate, retention rate and other indicators.

Sonic is called for short in project.

### Before VS After Using VasSonic

Pic 1: Before Using VasSonic | Pic 2: After Using VasSonic
:-------------------------:|:-------------------------:
![default mode][1] | ![VasSonic mode][2]

## Getting started

[Getting started with Android](https://github.com/Tencent/VasSonic/blob/master/sonic-android/README.md)

[Getting started with iOS](https://github.com/Tencent/VasSonic/blob/master/sonic-iOS/README.md)

[Getting started with Java](https://github.com/Tencent/VasSonic/blob/dev/sonic-java/README.md)

[Getting started with Node.js](https://github.com/Tencent/VasSonic/blob/master/sonic-nodejs/README.md)

[Getting started with PHP](https://github.com/Tencent/VasSonic/blob/master/sonic-php/README.md)

[Getting started with React](https://github.com/Tencent/VasSonic/blob/master/sonic-react/README.md)

## Demo Downloads
1. [Here](https://github.com/Tencent/VasSonic/releases) are the latest sample demo for Android and iOS.

## Support
Any problem?

1. Learn more from the following sample.
[Android sample](https://github.com/Tencent/VasSonic/tree/master/sonic-android/sample)
[iOS sample](https://github.com/Tencent/VasSonic/tree/master/sonic-iOS/SonicSample)
[Java sample](https://github.com/Tencent/VasSonic/tree/dev/sonic-java/sample/webapp)
[Node.js sample](https://github.com/Tencent/VasSonic/tree/master/sonic-nodejs)
[PHP sample](https://github.com/Tencent/VasSonic/tree/master/sonic-php/sample)
[React sample](https://github.com/Tencent/VasSonic/tree/master/sonic-react)

2. Read the following source code
[Android source code](https://github.com/Tencent/VasSonic/tree/master/sonic-android/sdk)
[iOS source code](https://github.com/Tencent/VasSonic/tree/master/sonic-iOS/Sonic)
[Java source code](https://github.com/Tencent/VasSonic/tree/dev/sonic-java/src/main/java/com/github/tencent)
[Node.js source code](https://github.com/Tencent/VasSonic/tree/master/sonic-nodejs)
[PHP source code](https://github.com/Tencent/VasSonic/tree/master/sonic-php/sdk)
[React source code](https://github.com/Tencent/VasSonic/tree/master/sonic-react)

3. Read the [wiki](https://github.com/Tencent/VasSonic/wiki) for help.

4. Contact [us](https://jq.qq.com/?_wv=1027&k=4EaxB4K) or scan QR code for help.
![QR code][3]

## Contributing
For more information about contributing issues or pull requests, see our [VasSonic Contributing Guide](https://github.com/Tencent/VasSonic/blob/master/CONTRIBUTING.md).

## License
VasSonic is under the BSD license. See the [LICENSE](https://github.com/Tencent/VasSonic/blob/master/LICENSE) file for details.

## The End
If you are interested in VasSonic, don't forget to STAR [it](https://github.com/Tencent/VasSonic).

VasSonic's mission is MAKING WEB MUCH BETTER!

Thank you for reading ~

[1]: https://github.com/Tencent/VasSonic/blob/master/assets/20170705120005424.gif
[2]: https://github.com/Tencent/VasSonic/blob/master/assets/20170705120029897.gif
[3]: https://github.com/Tencent/VasSonic/blob/master/assets/QR.JPG
[4]: https://github.com/Tencent/VasSonic/blob/master/assets/logo.png