美文网首页
UniApp 原生插件接入步骤

UniApp 原生插件接入步骤

作者: 浪人残风 | 来源:发表于2022-04-09 11:11 被阅读0次

    原生插件接入项目步骤

    1. 在uniapp插件市场的插件详情页面,点击右上角"试用"按钮,绑定要试用的项目


      图片.png
      图片.png
    2. 在HBuilderX的项目,manifest.json -> App原生插件配置 -> 云端插件里选择要试用的插件


      图片.png
    3. 如果有本地自定义基座,先删除本地自定义基座,重新制作自定义基座


      图片.png
      图片.png
      图片.png
    4. 自定义基座做好后,运行基座选择刚刚做好的自定义基座


      图片.png
    5. 直接运行到手机


      图片.png
    6. 开发和打包

    • 开发测试自定义基座就可以
    • 原生App-云打包,原生插件是收费的需要先购买后打包
    • 原生App-本地打包(即:离线打包),原生插件是收费的需要先联系插件作者取得插件离线包后即成到原生项目里才能打包

    需要注意的问题:

    • 页面中需要用到原生插件里的UI组件component(如:<wrs-arcfacevideo></wrs-arcfacevideo>),本页面需要需要试用nvue,没有用到原生插件里的UI组件的页面可以不用nvue,如:
    video_recognize.nvue:
    
    <template>
        <div>
            <wrs-arcfacevideo>
            </wrs-arcfacevideo>
        </div>
    </template>
    
    
    • 页面中用到了原生插件的module组件,需要先引入后试用,如:
    
    <script>
           // 先引入
        var arcface = uni.requireNativePlugin("wrs-arcface");
    
           ........
    
            methods: {
                activeEngine: function() {
                            // 后使用
                             arcface.activeEngine(options, (resp) => {});
                          }
    </script>
    
    

    相关文章

      网友评论

          本文标题:UniApp 原生插件接入步骤

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