Categories: uni-app 教程

uni-app 混合开发

uni-app和原生App混合开发问题:

首先务必确认uni-app和原生代码,谁是主谁是从的问题。

  • 如果你的应用是uni-app开发的,需要扩展一些原生能力,那么请参考插件市场右上角的原生插件开发教程。
  • 如果你的App是原生开发的,部分功能栏目想通过uni-app实现,有2种方式在原生App里集成uni小程序sdk,参考如果不想集成原生sdk,那就把uni-app代码发布成H5方式,在原生App里通过webview打开。

如果应用是uni-app开发为主,只是想离线打包,那么不应该使用uni小程序sdk,请在HBuilderX的发行菜单里点击离线打包。 另注意离线打包无法享受插件市场的付费原生插件,如有相关需求需自己进行原生插件开发,参考插件市场右上角的原生插件开发教程。

uni-app和原生小程序混合开发问题:

uni-app编译后的wxml代码没有可维护性,不便于整合到原生小程序里。如果想复用原生小程序的代码:

  • 方式1:把原生小程序的代码变成组件,uni-app支持使用小程序wxml组件,参考
  • 方式2:把原生小程序转换为uni-app源码,有各种转换工具,详见

andy

前端小白,在Web176教程网这个平台跟大家一起学习,加油!

Share
Published by
andy

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 周 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

1 月 ago