美文网首页前端知识
在原生的APP 中实现类似微信小程序的功能

在原生的APP 中实现类似微信小程序的功能

作者: 青葱烈马 | 来源:发表于2020-02-25 11:10 被阅读0次

    在原生的APP 中实现类似微信小程序的功能

    引言:

    无意间浏览群聊信息,发现了一个比较厉害的框架,引用群友的一句话@“uni大法好,一套代码发7端😂”。浏览官网发现,关于小程序、流应用行业的开创者是 DCloud,并不是微信。而且他们的产品在业内使用广泛。最主要的是可以在原生APP中实现类似微信小程序的功能。接下来对在原生APP 中实现小程序功能做简单介绍。同时附上官网地址,感兴趣的同学可以自行查阅。


    Uni 小程序SDK:

    基本概念:

    • 想要构建小程序的原生APP,集成Uni小程序SDK的宿主。
    • 运行在宿主中的前端小程序代码,使用Uni-app 框架开发。

    流程:

    • 使用 HBuilder工具,使用Uni-app框架开发,通过运行到手机APP 进行测试,开发完毕后在发行菜单导出 wgt 包。
    • 可离线集成,直接打包进去,也可以在线下载wgt包,注意:小程序应用资源必须存放到指定的沙盒路径中运行
    • 通过Uni 小程序SDK 的API,可以调起wgt,运行一个小程序。
    • Uni 小程序支持 wgt 升级,可在线更新 wgt 应用,即热更新

    应用场景:

    • 宿主APP 构建自己的应用生态,可以面向广泛开发者,也可以定向部分开发者。
    • 原生App 利用小程序模式对模块解耦,让不同模块的开发者格子独立发版,灵活更新。

    应用资源管理:

    • 自行下载Uni 小程序资源包,拷贝到指定运行路径。
    • 自行处理资源包更新逻辑。SDK 中目前还没有关于资源包更新的逻辑。
    • 根据资源包在沙盒中的保存路径,自行删除资源包。

    注意:

    • 小程序应用资源必须存放到指定的沙盒路径中可以正常运行。
    • 打开小程序可指定胶囊按钮菜单。
    • 小程序只能单独运行,同一时间内,只能运行一个。
    • 通过 k_AppId 来打开一个小程序。
    • HBuilder 中使用V3 编译器。

    各端详细的集成流程请自行到官网中查看,地址

    目前我已经测试通过:

    1. 使用HBuilder 离线打包,得到以k_AppId 命名的 wgt 包。
    2. 通过官方集成文档,在测试的 iOS 工程中通过“直接打包”进去的方式,成功运行wgt 包。

    相关文章

      网友评论

        本文标题:在原生的APP 中实现类似微信小程序的功能

        本文链接:https://www.haomeiwen.com/subject/ufpzqhtx.html