GithubHelp home page GithubHelp logo

finogeeks / finclip-desktop-demo Goto Github PK

View Code? Open in Web Editor NEW
26.0 6.0 9.0 789 KB

FinClip 桌面版运行环境,让小程序在桌面平台上无缝运行 / Desktop DEMO for FinClip

Home Page: https://www.finclip.com

miniprogram pwa

finclip-desktop-demo's Introduction

FinClip Desktop DEMO

桌面版小程序 DEMO

👉 https://www.finclip.com/ 👈


🤔 FinClip 是什么?

有没有想过,开发好的微信小程序能放在自己的 APP 里直接运行,只需要开发一次小程序,就能在不同的应用中打开它,是不是很不可思议?

有没有试过,在自己的 APP 中引入一个 SDK ,应用中不仅可以打开小程序,还能自定义小程序接口,修改小程序样式,是不是觉得更不可思议?

这就是 FinClip ,就是有这么多不可思议!

🖥 FinClip SDK 是什么?

开发者可以使用 FinClip SDK 在宿主 APP 中快速实现小程序的能力。一般会用于以下场景:

  • 宿主 APP 构建自己的应用生态,既可以面向广泛开发者,也可以定向部分开发者;
  • 宿主 APP 通过小程序方式对模块进行解耦,让不同模块的开发团队独立发版,灵活更新;
  • 宿主 APP 中部分功能使用 FinClip 小程序实现,降低开发成本,并且提升发布效率;

此外,SDK 还需要配合基础库一并使用,通过基础库提供的小程序生命周期钩子、API函数,页面 DOM创建、渲染以及事件传递等能力为用户提供更加良好的体验。

🤩 效果预览

本项目是 FinClip 小程序在 Win32 环境下的 DEMO 演示,您可以按照下方流程测试,验证 FinClip 小程序在 Windows 环境下的实际效果。

先看一下运行效果~

我们已经提供了 DEMO 资源,您可以下载运行,以便获取对应的效果。如果您有相关商业化使用需求,也请与我们联系。

桌面版 SDK 支持进展

目前已支持客户使用 C, C++, C#, python, delphi, electron 集成 FinClip 桌面版 SDK, 并在 Windows / Macos / Ubuntu / UOS 中验证

DEMO 运行与 SDK 集成说明

第一步: 下载对应的 base 包

根据你的系统和架构, 下载对应的 FinClip-SDK;

假如你是 Windows 32 位, 则下载 finclip-sdk-win-x86-x.y.z.zip , 并解压至 vendor/win/x86 目录下;

第二步: 下载语言 SDK

  • 对于 Python,JavaScript 编写的应用程序,我们提供了对应语言的库;
  • 对于 C/C++ 编写的应用程序则可以直接调用,无须集成额外支持库;

第三步: 运行

查看文档,在准备好相应的文件后,即可运行 FinClip DEMO;

查看集成文档

在demo文档中, 我们也描述了在该语言环境下, 如何集成FinClip SDK

🔗 常用链接

以下内容是您在 FinClip 进行开发与体验时,常见的问题与指引信息

☎️ 联系我们

微信扫描下面二维码,关注官方公众号 「凡泰极客」,获取更多精彩内容。

微信扫描下面二维码,加入官方微信交流群,获取更多精彩内容。

finclip-desktop-demo's People

Contributors

elric-pp avatar gyteng avatar sybarisdev avatar wangzi0218 avatar ycdeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

finclip-desktop-demo's Issues

Cannot find module 'finclip', electron demo could not run.

I want to try the demo examples\electron, I followed the instructions on https://github.com/finogeeks/finclip-desktop-demo, download and extract finclip-winsdk-1.0.15.zip or finclip-win-x64-1.1.0-alpha.1.zip to vendor\win\x64, the path of const finclipPath = path.resolve(__dirname, '../../../vendor/win/x64/finclip.exe'); in main.js is ok. But when I run yarn start. I got the following crash errors.

D:\code\flutter\finclip-desktop-demo\examples\electron>yarn start
yarn run v1.22.17
$ npx electron ./src/main.js

App threw an error during load
Error: Cannot find module 'finclip'
Require stack:
- D:\code\flutter\finclip-desktop-demo\examples\electron\src\main.js
- D:\code\flutter\finclip-desktop-demo\examples\electron\node_modules\electron\dist\resources\default_app.asar\main.js
-
    at Module._resolveFilename (node:internal/modules/cjs/loader:940:15)
    at Function.n._resolveFilename (node:electron/js2c/browser_init:245:1105)
    at Module._load (node:internal/modules/cjs/loader:785:27)
    at Function.c._load (node:electron/js2c/asar_bundle:5:13343)
    at Module.require (node:internal/modules/cjs/loader:1012:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (D:\code\flutter\finclip-desktop-demo\examples\electron\src\main.js:4:17)
    at Module._compile (node:internal/modules/cjs/loader:1116:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1169:10)
    at Module.load (node:internal/modules/cjs/loader:988:32)

^C
D:\code\flutter\finclip-desktop-demo\examples\electron>D:\code\flutter\finclip-desktop-demo\examples\electron\node_modules\electron\dist\electron.exe exited with signal SIGINT
^C
D:\code\flutter\finclip-desktop-demo\examples\electron>

And I also found the finclip dependences is declared as the follows.

  "dependencies": {
    "finclip": "file:../../vendor/win/x64"
  }

The extract path vendor/win/x64/ did not contains valid package.json.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.