Update README.md

README.md

@@ -1,65 +1,108 @@
-<a name="tXoYg"></a>
-## 🤩 FinClip是什么?
-有没有想过，能把一个已经开发好的微信小程序，放到你自己的APP里面运行？<br />想象一下，你只需要开发一次，就能把这个业务模块同时放到微信、自有App<br />听起来是不是有点不可思议？<br />没关系，这就是FinClip，帮助你实现这个不可思议！
+<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>
 
-<a name="y9LBK"></a>
-## 🤔 你要怎么做？<br />
-只需要三个步骤：
+<p align="center"> 
+    <strong>让 APP 快速获得运行小程序的能力</strong>
+<p>
 
-1. 开发一个微信小程序 （或者直接使用本项目）
-1. 把finclip SDK集成到你的APP里面
-1. 登录[FinClip小程序开放平台](https://finclip.com/#/home)，完成关联
+<p align="center"> 
+	👉 <a href="https://www.finclip.com?from=github">https://www.finclip.com/</a> 👈
+</p>
 
-然后，见证奇迹，看看这个微信小程序直接在你的App里面运行起来的效果吧！
+<div align="center">
 
-<a name="sJqGM"></a>
-## ☹️ 我没有App/我不会集成....
-嘿，别担心，我们提供超级全面的协助哦！<br />① 你可以前往我们的首页 [FinClip小程序开放平台](https://finclip.com) ，查看最全面的产品介绍<br />② 你可以在我们的GitHub主页上get更多的demo工程：<br />    如果你会原生开发，可以使用这些工程：
+<a href="#"><img src="https://img.shields.io/badge/%E4%B8%93%E5%B1%9E%E5%BC%80%E5%8F%91%E8%80%85-20000%2B-brightgreen"></a>
+<a href="#"><img src="https://img.shields.io/badge/%E5%B7%B2%E4%B8%8A%E6%9E%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F-6000%2B-blue"></a>
+<a href="#"><img src="https://img.shields.io/badge/%E5%B7%B2%E9%9B%86%E6%88%90%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BA%94%E7%94%A8-75%2B-yellow"></a>
+<a href="#"><img src="https://img.shields.io/badge/%E5%AE%9E%E9%99%85%E8%A6%86%E7%9B%96%E7%94%A8%E6%88%B7-2500%20%E4%B8%87%2B-orange"></a>
 
-- 直接使用iOS原生demo：[https://github.com/finogeeks/finclip-ios-demo](https://github.com/finogeeks/finclip-ios-demo)
-- 直接使用安卓原生demo：[https://github.com/finogeeks/finclip-android-demo](https://github.com/finogeeks/finclip-android-demo)
-- 直接使用flutter demo：[https://github.com/finogeeks/finclip-flutter-demo](https://github.com/finogeeks/finclip-flutter-demo)
-- 我们甚至支持RN哦：[https://github.com/finogeeks/finclip-react-native-demo](https://github.com/finogeeks/finclip-react-native-demo)
-
-③ 哦？如果觉得使用demo工程自己写太麻烦了，来试试我们已经写好的凡泰助手App<br />凡泰助手是我们提前写好、集成了SDK的一个工具类App，通过自带的扫码功能，你就可以直接查看到小程序运行的效果啦！<br />请扫码下方二维码下载吧~<br />
-<img src="https://public-1251849568.cos.ap-guangzhou.myqcloud.com/temp/demo_readme1.png" width="514">
-<br />嗷，如果Git又崩掉了，图片无法预览，就请复制下方地址到手机吧！<br />[https://mp.finogeeks.com/mop/scattered-page/#/mop-download](https://mp.finogeeks.com/mop/scattered-page/#/mop-download)<br />PS：我们已经上架iOS Apple Store了哦，你也可以直接搜索“凡泰助手”进行下载！<br />PPS：如果你还没注册账号，快去我们的 [官网 ](https://finclip.com)注册一个吧！近期注册还有超多福利呢~ <br />当然，为了方便你快速体验，我们也提供了一个体验账号，方便你直接登录哦：<br />快速体验账号：[test@finogeeks.com](mailto:test@finogeeks.com)       密码： Demo123  
-
-<a name="cXg3y"></a>
-## 😬 再来看看FinClip小程序平台是什么？
-<a name="AYcoi"></a>
-### 平台介绍
-
-- 凡泰极客借鉴微信、支付宝等主流小程序平台技术，进一步打造出可私有化的小程序开放平台产品 —— FinClip，该平台主要由两个客户端组成，一个是运营端，负责审核小程序内容，确保小程序的内容符合合规要求；另一个是企业端，负责开发小程序及小程序上下架管理。
-- FinClip 面向全行业发布，尤其适合金融业及其他需要自建数字化生态以及实现业务场景敏捷迭代的行业，帮助合作伙伴构建一个安全、合规、可控的小程序生态。
-<a name="rhoKL"></a>
-### 核心优势
-
-- 多端上线：同一小程序可以同步上线多个宿主端（即小程序可上线的 APP），为开发者节省大量的人力和时间。
-- 合规引流：解决“行业应用嵌入第三方网络空间”的安全合规问题，合规引流，连接金融服务场景。
-- 方便快捷：相较于 APP，小程序开发周期短，开发成本低等特性让更多的开发者能够轻松、快速的参与到开发过程中，实现快速上线，快速起量。
-- 优质体验：小程序拥有优于现有 H5 页面的用户体验，帮助企业/机构获取更多渠道用户，同时节省获客成本。
-- 部署方式：满足合规监管多种部署方式，支持私有化部署、混合部署、行业云部署。
+<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>
 
 
 
-<a name="u7FYZ"></a>
-## 🏹 快速创建一个小程序
-**全流程：下载代码包-注册-登录-创建小程序-上传代码包-审核-扫描查看**
+</div>
 
-- 在本页下载代码包。
-- 进入[FinClip小程序开放平台](https://mp.finogeeks.com/#/home)，点击「免费试用」，进行账号注册并登录。
-- 点击「创建小程序」，完善小程序基本信息，点击「保存」。
-- 点击「开发管理」-「代码包管理」，点击「代码包管理」-「上传代码包」，将1）中下载的代码包上传，上传成功后点击「返回小程序详情」。
-- 点击「提交审核」，审核实效为5分钟。
-- 审核通过后，使用手机“凡泰助手”扫描小程序详情页的二维码即可查看。
+<p align="center">
 
-更多内容可查看 [FinClip小程序平台操作指引](https://mp.finogeeks.com/mop/document/introduce/access/mechanism.html)。<br />
+<div align="center">
 
-<a name="JPH98"></a>
-## 📚 小程序自主开发手册
-想要了解更多关于finclip小程序的资讯？<br />进入 [FinClip小程序讲解](https://www.finclip.com/mop/document/miniProgram/guide.html)，查看更多说明吧！
+[官方网站](https://www.finclip.com/) | [示例小程序](https://www.finclip.com/#/market) | [开发文档](https://www.finclip.com/mop/document/) | [部署指南](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html) | [SDK 集成指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html) | [API 列表](https://www.finclip.com/mop/document/develop/api/overview.html) | [组件列表](https://www.finclip.com/mop/document/develop/component/overview.html) | [隐私承诺](https://www.finclip.com/mop/document/operate/safety.html)
 
-<a name="9K1zU"></a>
-## ☎️ 与我们联系
-如想进入FinClip小程序技术群交流探讨，可添加小助手微信入群。<br /><img src="https://public-1251849568.cos.ap-guangzhou.myqcloud.com/temp/demo_readme2.png" width="200">
+</div>
+
+-----
+
+## 🤔 FinClip 是什么?
+
+有没有**想过**，开发好的微信小程序能放在自己的 APP 里直接运行，只需要开发一次小程序，就能在不同的应用中打开它，是不是很不可思议？
+
+有没有**试过**，在自己的 APP 中引入一个 SDK ，应用中不仅可以打开小程序，还能自定义小程序接口，修改小程序样式，是不是觉得更不可思议？
+
+**这就是 FinClip ，就是有这么多不可思议！**
+
+## 🎁 名称的由来
+FinClip = Finogeeks + Clips，是由[凡泰极客](https://www.finogeeks.com/)团队开发，“Fin”是公司凡泰极客公司英文名称 `Finogeeks` 的缩写，Clip 则来自 Apple 公司在 2020 年 WWDC 中提出的 `App Clip` 概念。我们将二者进行结合，希望能帮助开发者提供一款简单，好用的小程序容器框架，从而让每一款 APP 都能具备运行小程序的能力。
+
+## 📱 兼容环境
+FinClip 小程序支持以下第三方框架，您可以在以下框架的基础上进行开发：
+- 小程序开发框架
+  - [Taro](https://github.com/NervJS/taro)
+  - [kbone](https://wechat-miniprogram.github.io/kbone/docs/)
+  - [uni-app（仅支持通过 uni-app 生成的小程序）](https://uniapp.dcloud.io/)
+- UI 框架
+  -  [Vant](https://youzan.github.io/vant/#/zh-CN/)
+  -  [iView](https://iviewui.com/)
+  -  [WeUI](https://github.com/wechat-miniprogram/weui-miniprogram)
+
+我们也设计了专属开发工具 [FIDE](https://www.finclip.com/mop/document/develop/developer/fide-introduce.html)，欢迎使用！  
+
+
+## 🍎 快速体验
+只需要以下三步，就能快速体验属于 **FinClip 的不可思议**！
+
+1. 开发一个微信小程序，或者直接使用我们提前写好的样例代码（ [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. 参考 [SDK 集成指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html)，把 FinClip SDK 集成到自己的 APP 中；
+3. 参考 [后台操作指引](https://www.finclip.com/mop/document/introduce/accessGuide/enterprise-guidelines.html)，登录 [FinClip 小程序开放平台](https://www.finclip.com?from=github)，完成应用与小程序的关联；
+
+然后，见证奇迹，就可以看到小程序直接在你的自有 APP 中运行的效果了！
+
+## 📦 FinClip 服务部署
+我们提供社区版服务供您在本地进行体验，FinClip 不同版本的功能区别请[查看详情](https://www.finclip.com/#/quotation)
+
+- [云服务器部署指南](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html)
+- [桌面服务器部署指南](https://www.finclip.com/mop/document/introduce/quickStart/physical-server-deployment-guide.html)
+
+## 🔗 常用链接
+以下内容是您在 FinClip 进行开发与体验时，常见的问题与指引信息
+
+- [首页](https://www.finclip.com/#/home)
+- [示例小程序](https://www.finclip.com/#/market)
+- [文档中心](https://www.finclip.com/mop/document/)
+- [SDK 部署指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html)
+- [小程序代码结构](https://www.finclip.com/mop/document/develop/guide/structure.html)
+- [iOS 集成指引](https://www.finclip.com/mop/document/runtime-sdk/ios/ios-integrate.html)
+- [Android 集成指引](https://www.finclip.com/mop/document/runtime-sdk/android/android-integrate.html)
+- [Flutter 集成指引](https://www.finclip.com/mop/document/runtime-sdk/flutter/flutter-integrate.html)
+
+## ☎️ 联系我们
+微信扫描下面二维码，关注官方公众号 **「凡泰极客」**，获取更多精彩内容。<br>
+<img width="150px" src="https://www.finclip.com/mop/document/images/ic_qr.svg">
+
+微信扫描下面二维码，邀请进官方微信交流群（加好友备注：finclip 咨询），获取更多精彩内容。<br>
+
+<img width="150px" src="https://finclip-homeweb-1251849568.cos.ap-guangzhou.myqcloud.com/images/ldy111.jpg">
+
+
+## 🌏 多语言文档
+- [简体中文](./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)