APP怎么跳转到微信小程序?如何在App里唤起一个小程序?

dylinchen 2185 2022-11-14

注意:在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转

APP怎么跳转到微信小程序?如何在App里唤起一个小程序?

注意:在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转

注意:在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转

要实现这个架构最基本的就是要能在App 里拉起小程序,我司是用的FinClip 小程序容器,本期给大家分享实操经验。先从原理开始吧。


什么是小程序运行时框架?

FinClip 的小程序编程模型是分为多个页面,每个页面有自己的 template、CSS 和 JS,实际在运行的时候,业务逻辑的 JS 代码是运行在独立的 JavaScript 引擎中,每个页面的 template 和 CSS 是运行在各自独立的 WebView 里面,页面之间是通过函数 NavigateTo 进行页面的切换。


每个 WebView 里面的页面和公共的 JavaScript 引擎里面的逻辑的交互方式是通过消息服务,页面的一些事件都会通过这个消息通道传给 JavaScript 引擎运行环境,这个运行环境会响应这个事件,做一些 API 调用,可调到客户端凡泰小程序提供的一些能力,处理之后会把这个数据再重新发送给对应的页面渲染容器来处理,把数据和模板结合在一起来,在产生最终的用户界面。如下图:




如何在App里拉起小程序?

以下操作均是使用 FinClip 小程序容器去实现的。


iOS端操作如下:


第一步:获取 SDK KEY 及 SDK SECRET

使用FinClip SDK需要申请 SDK KEY 及 SDK SECRET ,只有在SDK初始化的时候配置了正确的 SDK KEY 及 SDK SECRET ,才能初始化成功并正常使用。


1.1 创建应用

需要登录FinClip管理后台「应用管理-新增合作应用」,完成应用创建;



1.2 获取 SDK KEY 及 SDK SECRET

创建应用并添加 Bundle ID后,选择对应 Bundle ID 后的「复制」,就可以导出对应的 SDK KEY 与 SDK SECRET了。




SDK KEY:是合作应用能使用小程序SDK的凭证,如果SDK Key校验失败,则SDK的所有Api都无法使用。SDK SECERT是访问服务的安全证书,不要给第三方。


第二步:集成 SDK

集成sdk需要来引入 FinApplet.framework 和FinAppletExt.framework。具体操作方法可以去详细查看官方的的文档。iOS如何引入一个SDK


第三步:添加SDK头文件

在需要使用 FinClip 小程序 SDK 的地方,添加如下代码:


#import <FinApplet/FinApplet.h>

1

如果还集成了扩展 SDK,那么调用扩展 SDK 中的 api,还需要加上下面的代码:


#import  <FinAppletExt/FinAppletExt.h>

1

当然,最方便的方式是在 pch 文件中添加以上代码,这样在使用的地方就不用再引用了。


第四步:初始化 SDK

FATConfig *config = [FATConfig configWithAppSecret:@"SDK KEY" appKey:@"SDK SECRET"];

    config.apiServer = @"https://www.finclip.com";

    [[FATClient sharedClient] initWithConfig:config error:nil];

1

2

3

第五步:打开小程序

[[FATClient sharedClient] startRemoteApplet:@"app id" startParams:nil InParentViewController:self completion:^(BOOL result, NSError *error) {

       NSLog(@"result:%d---error:%@", result, error);

   }];

1

2

3

官方也有一些实例demo,可以到他们的小程序应用市场里去找代码包-。

————————————————



版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:工控人多厂商组态利器:虚拟桌面工具
下一篇:JMeter配置元件详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~