游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    17712677918

    电子邮件

    857020071@qq.com
  • 扫描二维码

    关注微信公众号

推荐阅读
sxadmin 管理员
江苏省苏州市 | 互联网
  • 关注0
  • 粉丝0
  • 帖子173
热议话题
Node.js 简介
2021-08-28 0
Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目
精选帖子

uni-app入门教程

[复制链接]
sxadmin 发表于 2024-8-6 15:10:00 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
uni-app和原生App混合开发问题:
首先务必确认uni-app和原生代码,谁是主谁是从的问题。
  • 如果你的应用是uni-app开发的,需要扩展一些原生能力,那么首先去插件市场看看有没有现成的插件,如果没有,就自己开发,开发文档请参考原生插件开发教程
  • 如果你的App是原生开发的,部分功能栏目想通过uni-app实现,有2种方式
    • 在原生App里集成uni小程序sdk,参考
    • 如果不想集成原生sdk,那就把uni-app代码发布成H5方式,在原生App里通过webview打开。

如果应用是uni-app开发为主,只是想离线打包,那么不应该使用uni小程序sdk,而是使用App离线打包SDK,参考。 另注意离线打包无法享受插件市场的付费原生插件,如有相关需求需自己进行原生插件开发。
uni-app和原生小程序混合开发问题:
  • 方式1:把原生小程序转换为uni-app源码。有各种转换工具,详见
  • 方式2:新建一个uni-app项目,把原生小程序的代码变成小程序组件,进而整合到uni-app项目下。uni-app支持使用小程序wxml组件,参考
  • 方式3:原生开发的小程序仍保留,部分新功能使用uni-app开发。
    • 使用发行为混合分包的功能

      • 在 HBuilderX 3.1.0+ 中点击发行小程序的菜单,勾选发行混合分包,填写分包目录名称,打包后,将对应目录文件拷贝至已有小程序中,需要自己补充原小程序app.json中的页面或分包配置 mp-weixin-hybrid.jpg
      • 在 cli 中,执行命令:npm run build:mp-weixin -- --subpackage=sub1 或 yarn build:mp-weixin --subpackage=sub1
      注意:
      • 发行混合分包后,App.vue中的onLaunch会在首次进入分包时触发(HBuilderX 3.1.1+)。
      • 开发时需要将资源(图片,css,js等)、页面的绝对路径调整为相对路径,否则打包到原生小程序中时,可能出现路径查找错误。
      • 需要自己把页面或分包配置添加到已有小程序的app.json中。
      • 目前支持微信小程序、百度小程序、支付宝小程序、抖音小程序、飞书小程序、QQ小程序。
    • 三方开发者插件,参考

如果想充分发挥uni-app的跨端特性,编译到各种其他小程序平台,建议使用方案1。
如果不需要其他小程序平台,仅需要h5和app,那方案1和方案2均可。
如果只需要开发微信小程序,但想使用vue的方式开发、或者想利用uni-app的插件生态、或者部分页面想跨多端复用,那么使用方案3。






上一篇:信息一体化综合管理平台
下一篇:跨端开发框架深度横评之2020版
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

icitu.com 信息谷-icit软硬件产品营销与行业智慧化解决方案实施供需对接空间,信息人家园-信息人之间互助互惠互利的资源整合空间,icit人团结起来帮助人们沟通与建设,icit unite to help people communicating&constructing。
0512-68181818
关注我们
  • 访问移动手机版
  • 官方微信公众号

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc. 优康设计 ( 苏ICP备10066271号-2 )|网站地图