phizclip-uniapp-demo/README.md

100 lines
4.7 KiB
Markdown
Executable File
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2022-10-19 12:17:40
-->
<p align="center">
<a href="https://www.finclip.com?from=github">
<img width="auto" src="./doc/images/phizlogo.png">
</a>
</p>
<p align="center">
<strong>PhizClip Uniapp DEMO</strong></br>
<p>
<p align="center">
本项目提供在 Uniapp 环境中运行小程序的 DEMO 样例
<p>
<p align="center">
👉 <a href="https://www.finclip.com?from=github">https://www.phizclip.com/</a> 👈
</p>
<div align="center">
<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>
</div>
<p align="center">
<div align="center">
[官方网站](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)
</div>
-----
## 🤔 PhizClip 是什么?
有没有**想过**,开发好的微信小程序能放在自己的 APP 里直接运行,只需要开发一次小程序,就能在不同的应用中打开它,是不是很不可思议?
有没有**试过**,在自己的 APP 中引入一个 SDK ,应用中不仅可以打开小程序,还能自定义小程序接口,修改小程序样式,是不是觉得更不可思议?
这就是 PhizClip ,就是有这么多不可思议!
## ⚙️ 实现方式
### 1. 实现方式
本 DEMO 使用了 Uniapp 中的 [插件功能](https://nativesupport.dcloud.net.cn/NativePlugin/course/android?id=%e6%8f%92%e4%bb%b6%e5%bc%80%e5%8f%91) 集成 PhizClip SDK实现在 Uniapp 导出的 App 中运行 PhizClip 小程序。
<div align="center">
<img src="./doc/images/案例01.jpeg" width="200" />
<img src="./doc/images/案例02.jpeg" width="200" />
</div>
### 2. 实现原理
本项目资源使用`HBuilderX 3.6.4`开发,只集成了`PhizClip 核心SDK2.38.3`,如需要更多功能,可使用 iOS/Android 原工程重新生成插件。
<div align="center">
<img src="./doc/images/架构.png" width="500" />
</div>
## 📋 集成文档
[点击这里](https://www.finclip.com/mop/document/runtime-sdk/uniapp/uni-integrate.html) 查看快速集成文档
## 🔗 常用链接
以下内容是您在 PhizClip 进行开发与体验时,常见的问题与指引信息
- [PhizClip 官网](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">
微信扫描下面二维码,加入官方微信交流群,获取更多精彩内容。<br>
<img width="150px" src="https://www-cdn.finclip.com/images/qrcode/qrcode_shequn_text.png">
## Stargazers
[![Stargazers repo roster for @finogeeks/finclip-uniapp-demo](https://reporoster.com/stars/finogeeks/finclip-uniapp-demo)](https://github.com/finogeeks/finclip-uniapp-demo/stargazers)
## Forkers
[![Forkers repo roster for @finogeeks/finclip-uniapp-demo](https://reporoster.com/forks/finogeeks/finclip-uniapp-demo)](https://github.com/finogeeks/finclip-uniapp-demo/network/members)
## 🌏 多语言文档
- [简体中文](./README.md)
- [English](./readme_en.md)
- [Português](./readme_pt.md)