miniprogram-demo/readme_en.md

<p align="center">
    <a href="https://www.finclip.com?from=github">
    <img width="auto" src="https://www.finclip.com/mop/document/images/logo.png">
    </a>
</p>

<p align="center"> 
    <strong>Let APP get the ability to run Mini-App quickly</strong>
<p>

<p align="center"> 
	👉 <a href="https://www.finclip.com?from=github">https://www.finclip.com/</a> 👈
</p>

<div align="center">

<a href="#"><img src="https://img.shields.io/badge/Developers-20,000%2B-brightgreen"></a>
<a href="#"><img src="https://img.shields.io/badge/Uploaded&nbsp;Mini&nbsp;Programs-6,000%2B-blue"></a>
<a href="#"><img src="https://img.shields.io/badge/Apps&nbsp;with&nbsp;FinClip-75%2b-yellow"></a>
<a href="#"><img src="https://img.shields.io/badge/Covered&nbsp;Users-25Million-orange"></a>

<a href="https://www.zhihu.com/org/finchat"><img src="https://img.shields.io/badge/FinClip--lightgrey?logo=zhihu&style=social"></a>
<a href="https://www.finclip.com/blog/"><img src="https://img.shields.io/badge/FinClip%20Blog--lightgrey?logo=ghost&style=social"></a>

</div>

<p align="center">

<div align="center">

[Home Page](https://www.finclip.com/) | [Example Mini-App](https://www.finclip.com/#/market) | [Documentation](https://www.finclip.com/mop/document/) | [Deployment Guide](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html) <br> [SDK Integration Guide](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html) | [API List](https://www.finclip.com/mop/document/develop/api/overview.html) | [Component List](https://www.finclip.com/mop/document/develop/component/overview.html) | [Privacy Commitment](https://www.finclip.com/mop/document/operate/safety.html)

</div>

-----

## 🤔 What is FinClip?

Have you ever **thought** that the developed WeChat Mini-App can be put in your own APP to run directly, and you only need to develop the Mini-App once, and then you can open it in different applications, isn't it incredible?

Have you ever **tried** to introduce an SDK in your own APP, and you can not only open the Mini-App in the app, but also customize the Mini-App interface and modify the Mini-App style, don't you think it is more incredible?

**This is FinClip, with much INCREDIBLE !**

## 🎁 Origin of the name
FinClip = Finogeeks + Clips, which is developed by the team of Finogeeks Technoplogy Co., Ltd. "Fin" is the abbreviation of the company's name `Finogeeks`, and Clip comes from the `App Clip` concept proposed by Apple in WWDC 2020. By combining the two, we hope to help developers provide a simple, easy-to-use Mini-App container framework, so that every app can have the ability to run Mini-App.

## 📱 Compatible Environments
FinClip support the following third-party frameworks on which you can build.
- Development Framework
  - [Taro](https://github.com/NervJS/taro)
  - [kbone](https://wechat-miniprogram.github.io/kbone/docs/)
  - [uni-app（Only generated by uni-app are supported）](https://uniapp.dcloud.io/)
- UI  Framework
  -  [Vant](https://youzan.github.io/vant/#/zh-CN/)
  -  [iView](https://iviewui.com/)
  -  [WeUI](https://github.com/wechat-miniprogram/weui-miniprogram)

We have also designed proprietary development tools [FIDE](https://www.finclip.com/mop/document/develop/developer/fide-introduce.html), Remember to try it!  


## 🍎 Quick Experience
With just these three steps, you can quickly experience **the incredible FinClip**!

1. Develop a WeChat Mini-App, or just use our pre-written sample code（ [iOS DEMO](https://github.com/finogeeks/finclip-ios-demo) | [Android DEMO](https://github.com/finogeeks/finclip-android-demo) | [Flutter DEMO](https://github.com/finogeeks/finclip-flutter-demo) ）
2. Refer to the [SDK Integration Guide](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html), to integrate the FinClip SDK into your own APP
3. Refer to the [Operation Guidelines](https://www.finclip.com/mop/document/introduce/accessGuide/enterprise-guidelines.html), log in to the [FinClip.com](https://www.finclip.com?from=github), and complete the association of the application with the Mini-App.

Then, witness the miracle and see how the Mini-App works directly in your own APP!

## 📦 Deployment
We offer a community version of our service for you to experience locally, and the difference in features between the different versions of FinClip can be found in [here](https://www.finclip.com/#/quotation).

- [Cloud Server Deployment Guide](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html)
- [Physical Server Deployment Guide](https://www.finclip.com/mop/document/introduce/quickStart/physical-server-deployment-guide.html)

## 🔗 Links
The following is information on common questions and guidelines for your development and experience with FinClip

- [Home Page](https://www.finclip.com/#/home)
- [Example Mini-App](https://www.finclip.com/#/market)
- [Documentation](https://www.finclip.com/mop/document/)
- [SDK Integration Guide](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html)
- [Structure of FinClip](https://www.finclip.com/mop/document/develop/guide/structure.html)
- [Integration Guidelines(iOS)](https://www.finclip.com/mop/document/runtime-sdk/ios/ios-integrate.html)
- [Integration Guidelines(Android)](https://www.finclip.com/mop/document/runtime-sdk/android/android-integrate.html)
- [Integration Guidelines(Flutter)](https://www.finclip.com/mop/document/runtime-sdk/flutter/flutter-integrate.html)

## ☎️ Contact
Scan the QR code below with WeChat and follow the official public number **Finogeeks** for more exciting content.<br>
<img width="150px" src="https://www.finclip.com/mop/document/images/ic_qr.svg">

Scan the QR code below with WeChat and invite into the official WeChat exchange group (add friend note: **finclip consulting**) to get more exciting content.<br>
<img width="150px" src="https://finclip-homeweb-1251849568.cos.ap-guangzhou.myqcloud.com/images/ldy111.jpg">


## 🌏 Languages 
Our current documentation is still in progress, if you are interested in finclip, please contact [us](mailto:wangzi@finogeeks.com)
- [简体中文](./README.md)
- [English](./readme_en.md)

## Stargazers
[![Stargazers repo roster for @finogeeks/miniprogram-demo](https://reporoster.com/stars/finogeeks/miniprogram-demo)](https://github.com/finogeeks/miniprogram-demo/stargazers)

## Forkers
[![Forkers repo roster for @finogeeks/miniprogram-demo](https://reporoster.com/forks/finogeeks/miniprogram-demo)](https://github.com/finogeeks/miniprogram-demo/network/members)