# vassonic

**Repository Path**: lewisliang82/vassonic

## Basic Information

- **Project Name**: vassonic
- **Description**: VasSonic取名于索尼动画形象音速小子，是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面，兼
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2017-08-08
- **Last Updated**: 2024-06-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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)
---

<p align="center">
  <img alt="logo" src="https://github.com/Tencent/VasSonic/blob/master/assets/logo.png"/>
</p>

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 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)

## Demo Downloads
1. [Here](https://github.com/Tencent/VasSonic/blob/master/assets/sonic-sample.apk) is the Android sample demo.
2. [Here](https://github.com/Tencent/VasSonic/blob/master/assets/sonic-sample.ipa) is the iOS sample demo.

## Support
Any problem?

1. Learn more from the following sample. </br>
[Android sample](https://github.com/Tencent/VasSonic/tree/master/sonic-android/sample)  </br>
[iOS sample](https://github.com/Tencent/VasSonic/tree/master/sonic-iOS/SonicSample) </br>
[Node.js sample](https://github.com/Tencent/VasSonic/tree/master/sonic-nodejs) </br>
[PHP sample](https://github.com/Tencent/VasSonic/tree/master/sonic-php/sample) </br>

2. Read the following source code </br>
[Android source code](https://github.com/Tencent/VasSonic/tree/master/sonic-android/sdk) </br>
[iOS source code](https://github.com/Tencent/VasSonic/tree/master/sonic-iOS/Sonic)  </br>
[Node.js source code](https://github.com/Tencent/VasSonic/tree/master/sonic-nodejs) </br>
[PHP source code](https://github.com/Tencent/VasSonic/tree/master/sonic-php/sdk) </br>

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.</br>
![QR code][3]

## 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