uni-app多端发布流程：一键打包到各平台

原创 于 2025-05-09 16:43:31 发布
· 1.2k 阅读 · 24 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #ai

uni-app多端发布流程：一键打包到各平台

关键词：uni-app、多端开发、跨平台、一键打包、H5、微信小程序、App

摘要：本文系统解析uni-app多端发布的核心原理与实操流程，涵盖从开发环境搭建到各平台（H5/微信小程序/支付宝小程序/Android/iOS）的打包配置、命令行操作、可视化工具使用及常见问题解决。通过深度拆解manifest配置、条件编译、资源适配等核心技术点，结合完整项目案例演示，帮助开发者掌握高效稳定的多端发布策略，实现"一次开发，多端部署"的跨平台开发目标。

1. 背景介绍

1.1 目的和范围

随着移动互联网、小程序生态和Web应用的蓬勃发展，企业对多端覆盖的需求日益增长。uni-app作为DCloud推出的高效跨平台开发框架，通过一套代码实现多端编译，显著降低开发成本。本文聚焦uni-app多端发布的全流程技术细节，涵盖：

  • 多端发布的核心配置体系
  • 各平台差异化打包策略
  • 自动化构建工具链使用
  • 实战级问题排查方案

目标是为中高级前端开发者提供从理论到实践的完整技术指南，帮助读者建立系统化的多端发布知识体系。

1.2 预期读者

  • 具备Vue.js基础的前端开发者
  • 负责多端项目部署的技术负责人
  • 希望提升跨平台开发效率的团队成员

1.3 文档结构概述

  1. 基础概念与核心架构：解析uni-app多端编译原理
  2. 环境准备与工程配置：搭建开发环境并配置关键文件
  3. 分平台打包实操：H5/小程序/App的详细打包步骤
  4. 高级技术专题：条件编译、资源适配、性能优化
  5. 实战案例与问题解决：完整项目演示及常见错误处理
  6. 工具链与生态资源：推荐高效开发工具及学习资源

1.4 术语表

1.4.1 核心术语定义
  • uni-app：基于Vue.js的跨平台开发框架，支持编译到50+平台
  • 多端发布：将同一套代码编译为不同平台（H5/小程序/App）的可运行产物
  • 条件编译：通过预处理指令实现不同平台的代码差异化
  • Manifest配置：uni-app项目的全局配置文件，定义应用基本信息和平台参数
  • 基座：App运行所需的基础环境，分为开发基座和自定义基座
1.4.2 相关概念解释
  • HBuilderX：DCloud官方IDE，深度集成uni-app开发工具链
  • 小程序宿主环境：微信/支付宝等平台提供的小程序运行环境
  • App打包：将uni-app代码编译为Android APK或iOS IPA文件的过程
  • 云端编译：通过DCloud云端服务完成App编译，无需本地配置复杂环境
1.4.3 缩略词列表
缩写全称
H5HTML5
MP微信小程序（Mini Program）
APKAndroid Package
IPAiOS App Store Package
CLICommand Line Interface

2. 核心概念与联系

2.1 uni-app多端编译架构

uni-app的跨平台能力基于分层编译架构，核心由三个模块组成：
源码层
语法转换层
平台适配器
H5渲染引擎
小程序语法转换器
App原生渲染引擎
浏览器运行环境
微信开发者工具
Android/iOS原生系统
  1. 源码层：遵循uni-app扩展的Vue语法规范，包含条件编译指令
  2. 语法转换层：将uni-app语法转换为目标平台可识别的代码（如小程序的wxml/wxss，App的原生API调用）
  3. 平台适配器：处理各平台差异化逻辑，如路由系统、组件样式、API调用适配

2.2 多端发布核心流程

发布阶段
构建阶段
开发阶段
部署H5到服务器
上传小程序代码包
提交App到应用市场
选择目标平台
H5打包: npm run build:h5
小程序打包: hbuilderx可视化操作
App打包: 生成自定义基座
配置manifest.json
编写统一代码
条件编译处理平台差异

2.3 核心配置文件关系

uni-app项目
├─ src/                  # 源码目录
├─ manifest.json         # 全局配置（核心平台参数）
├─ pages.json            # 页面路由配置
├─ vue.config.js         # 编译配置（Webpack参数）
├─ uni.scss              # 全局样式
└─ platform/             # 平台专属代码（条件编译生成）

3. 环境准备与基础配置

3.1 开发环境搭建

3.1.1 必备工具安装
  1. Node.js（v14+）：官网下载
  2. HBuilderX：DCloud官网 下载最新稳定版
  3. 微信开发者工具：微信开放平台 安装
3.1.2 初始化项目
# 使用HBuilderX新建项目（推荐）
1. 打开HBuilderX -> 新建项目 -> 选择uni-app模板
2. 输入项目名称和路径，选择Vue3版本（推荐）

# 或通过CLI创建
npm install -g @dcloudio/uni-cli
uni init my-project
cd my-project
npm install

3.2 manifest.json核心配置解析

3.2.1 基础信息配置
{
  "app": {
    "name": "MyApp",            // 应用名称
    "appid": {
      "mp-weixin": "wxa123456", // 微信小程序AppID
      "h5": "web-app"           // H5平台标识
    },
    "description": "跨平台演示项目",
    "versionName": "1.0.0",
    "versionCode": "1"
  },
  "h5": {
    "title": "H5端标题",
    "router": {
      "mode": "hash"           // H5路由模式（hash/history）
    }
  },
  "mp-weixin": {
    "appid": "wxa123456",       // 微信小程序必填
    "usingComponents": true     // 启用小程序自定义组件
  }
}
3.2.2 App平台专属配置
{
  "app-plus": {
    "name": "AndroidApp",      // App显示名称
    "versionName": "1.0.0",
    "nvue": true,              // 启用nvue原生渲染
    "splashscreen": {          // 启动页配置
      "autoclose": true,
      "waiting": 2000
    },
    "android": {
      "sign": {                // 签名配置（打包必填）
        "certfile": "xxx.jks",
        "password": "xxx",
        "aliasName": "xxx",
        "aliasPassword": "xxx"
      }
    }
  }
}

3.3 条件编译语法

3.3.1 文件级条件编译
├─ pages/
│  ├─ index/
│  │  ├─ index.vue         # 通用页面
│  ├─ mp-weixin/           # 微信小程序专属页面（仅在编译微信小程序时生效）
│  │  ├─ mp-index.vue
└─ App.vue                 # 通用入口文件
3.3.2 代码块条件编译
<template>
  <view>
    <!-- #ifdef H5 -->
    <h5-only-component></h5-only-component>
    <!-- #endif -->

    <!-- #ifdef MP-WEIXIN -->
    <mp-only-component></mp-only-component>
    <!-- #endif -->
  </view>
</template>

支持的平台条件指令：H5、MP-WEIXIN、APP-PLUS、ALIPAY等，详见官方文档。

4. 分平台打包实操指南

4.1 H5平台打包

4.1.1 基础配置
  1. vue.config.js 配置域名
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' 
    ? '/my-h5-project/' 
    : '/',
  devServer: {
    proxy: 'http://api.example.com' // 开发环境接口代理
  }
}
  1. manifest.json H5模块配置
{
  "h5": {
    "title": "H5端应用",
    "router": {
      "mode": "history",        // 启用History模式（需后端配合处理404）
      "base": "/myapp/"
    },
    "devServer": {
      "port": 8080,             // 开发服务器端口
      "https": false
    }
  }
}
4.1.2 打包命令
# 开发环境（带source map）
npm run dev:h5

# 生产环境（正式打包）
npm run build:h5

打包后生成dist/build/h5目录，包含HTML/CSS/JS静态资源，可直接部署到Nginx/Apache等服务器。

4.2 微信小程序打包

4.2.1 必备准备
  1. 注册微信小程序账号，获取AppID
  2. 在微信公众平台配置合法域名（request合法域名、uploadFile合法域名等）
4.2.2 可视化打包流程（HBuilderX）

  1. 打开项目，点击菜单栏 发行 -> 微信小程序

  2. 配置项说明：

    • 小程序AppID：填入申请的AppID
    • 是否压缩代码：生产环境建议开启
    • ES6转ES5：兼容低版本微信客户端
    • 上传代码时自动补全ES6特性：使用小程序官方补全工具

  3. 点击「确定」生成编译产物，位置：dist/build/mp-weixin

4.2.3 命令行打包（高级用户）
# 安装cli工具
npm install @dcloudio/uni-cli -g

# 编译微信小程序
uni build --platform mp-weixin --watch
4.2.4 微信开发者工具调试
  1. 打开微信开发者工具，导入mp-weixin目录
  2. 解决常见问题：
    • 文件大小超限：分包处理（修改pages.json的subPackages）
    • API权限问题：在微信公众平台申请对应接口权限

4.3 Android/iOS App打包

4.3.1 证书准备

  1. Android签名证书：

    • 使用Keytool生成：keytool -genkeypair -keystore mykey.jks -keyalg RSA -validity 3650
    • 证书信息需与manifest.json中的android.sign配置一致

  2. iOS证书：

    • 申请Apple开发者账号（年费99美元）
    • 生成证书文件（.p12）和描述文件（.mobileprovision）
4.3.2 自定义基座生成（调试阶段）

  1. HBuilderX操作：

    • 菜单栏 运行 -> 运行到手机或模拟器 -> 制作自定义调试基座
    • 填写应用基本信息，选择证书文件（正式打包必填）

  2. 命令行生成：

uni build --platform app-plus --device custom
4.3.3 正式打包流程

  1. 云端编译（推荐）：

    • HBuilderX中点击 发行 -> 原生App-云打包
    • 选择打包类型（Android APK/iOS IPA），上传证书信息
    • 等待云端编译完成（约5-10分钟），下载安装包

  2. 本地编译（需配置原生环境）：

    • 安装Android Studio和iOS开发环境（MacOS）
    • 配置SDK路径：HBuilderX -> 工具 -> 配置 -> 运行配置
    • 命令行编译：uni build --platform app-plus --release
4.3.4 应用市场提交
  • Android：生成签名APK后，提交到华为/小米/应用宝等应用市场
  • iOS：使用Xcode打包IPA，通过App Store Connect提交审核

4.4 其他平台打包（支付宝/百度小程序）

4.4.1 通用流程
  1. 在manifest.json中配置对应平台的AppID
{
  "mp-alipay": {
    "appid": "2021001111111111",
    "usingComponents": true
  }
}
  1. 使用HBuilderX可视化打包或命令行：
uni build --platform mp-alipay
  1. 编译完成后，在对应开发者工具中调试（如支付宝小程序开发者工具）
4.4.2 平台差异化处理
  • 支付宝小程序支持使用nvue组件
  • 百度小程序需特别处理文件路径大小写敏感问题

5. 高级技术专题

5.1 条件编译深度应用

5.1.1 跨平台API调用
// #ifdef APP-PLUS
plus.nativeUI.alert('App端专属提示');
// #elif MP-WEIXIN
uni.showToast({ title: '微信小程序提示' });
// #else
console.log('H5端日志');
// #endif
5.1.2 样式条件编译
/* #ifdef H5 */
.page-container {
  padding: 20px;
}
/* #endif */

/* #ifdef APP-PLUS */
.page-container {
  padding: 30px;
  background-color: #f5f5f5;
}
/* #endif */

5.2 资源适配策略

5.2.1 图片资源处理

  • 建立统一资源目录static/images/

  • 使用平台专属目录：

    static/
├─ common/       # 通用图片
├─ h5/           # H5专属图片
└─ app-plus/     # App专属图片

  • 通过条件编译引用：

    <image src="/static/Common/logo.png"></image>
<!-- #ifdef H5 -->
<image src="/static/h5/logo-h5.png"></image>
<!-- #endif -->
5.2.2 屏幕适配方案
  • 使用uni.getSystemInfo()获取设备信息
  • 推荐使用rpx单位（响应式像素），自动处理不同屏幕尺寸
  • App端特殊处理：
    /* 针对iPhone X系列安全区域 */
/* #ifdef APP-PLUS */
.content {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* #endif */

5.3 性能优化技巧

5.3.1 分包策略
{
  "pages": [
    "pages/index/index",
    "pages/login/login"
  ],
  "subPackages": [
    {
      "root": "subpkg",
      "pages": [
        "about/about",
        "contact/contact"
      ]
    }
  ]
}
5.3.2 静态资源CDN加速
  1. 在vue.config.js配置公共路径：
module.exports = {
  publicPath: 'https://cdn.example.com/uni-app/'
}
  1. 配合Nginx配置Gzip压缩：
gzip on;
gzip_types text/css application/javascript image/svg+xml;
5.3.3 代码分割与懒加载
<template>
  <view>
    <button @click="loadHeavyComponent">加载 heavy 组件</button>
  </view>
</template>

<script>
export default {
  methods: {
    loadHeavyComponent() {
      import('./HeavyComponent.vue').then(comp => {
        this.$options.components.HeavyComponent = comp.default;
      });
    }
  }
}
</script>

6. 实战案例：电商App多端发布

6.1 项目结构

电商项目
├─ src/
│  ├─ pages/
│  │  ├─ home/          # 首页（通用）
│  │  ├─ cart/          # 购物车（通用）
│  │  ├─ mp-weixin/     # 微信小程序专属页面
│  ├─ components/
│  │  ├─ product-card.vue # 通用组件
│  ├─ utils/
│  │  ├─ request.js     # 跨平台网络请求封装
│  ├─ platform/
│  │  ├─ h5.js          # H5专属工具
│  │  ├─ app.js         # App专属工具
├─ manifest.json        # 多端配置核心文件
├─ pages.json           # 路由配置

6.2 网络请求封装

// utils/request.js
export function request(url, method = 'GET', data = {}) {
  const baseUrl = process.env.NODE_ENV === 'production' 
    ? getBaseUrl() 
    : 'http://localhost:3000';

  // #ifdef H5
  return fetch(`${baseUrl}${url}`, { method, body: data });
  // #endif

  // #ifdef APP-PLUS
  return new Promise((resolve) => {
    plus.net.httpRequest({
      url: `${baseUrl}${url}`,
      method: method,
      data: data,
      success: (res) => resolve(res.responseText),
      fail: (err) => console.error(err)
    });
  });
  // #endif
}

function getBaseUrl() {
  // #ifdef H5
  return 'https://api.example.com/h5/';
  // #endif
  // #ifdef APP-PLUS
  return 'https://api.example.com/app/';
  // #endif
}

6.3 多端打包执行

  1. 微信小程序打包：

    • 配置mp-weixin模块的AppID和合法域名
    • 使用HBuilderX可视化打包，生成代码包后上传到微信公众平台

  2. App打包：

    • 申请Android和iOS证书，配置到manifest.json
    • 生成自定义基座进行调试，确认无误后提交云端编译

  3. H5部署：

    • 打包后上传到CDN，配置Nginx反向代理接口请求
    • 启用Gzip压缩和HTTP/2协议提升加载速度

7. 常见问题与解决方案

7.1 打包失败排查清单

7.1.1 证书相关问题

  • Android签名错误：

    • 检查manifest.json中的证书路径是否正确
    • 使用keytool -list -keystore xxx.jks验证证书有效性

  • iOS证书不匹配：

    • 确认证书类型（开发/发布）与打包类型一致
    • 检查描述文件是否包含正确的Bundle ID
7.1.2 平台API差异

  • 微信小程序API未授权：

    • 登录微信公众平台，在「开发 -> 接口设置」中申请对应权限（如用户信息、地理位置）

  • App端摄像头权限缺失：

    • 在manifest.json的app-plus.permissions中添加摄像头权限声明
    "permissions": [
  {
    "name": "camera",
    "desc": "用于拍照上传"
  }
]
7.1.3 文件大小超限
  • 解决方案：
    1. 启用分包加载（修改pages.json的subPackages）
    2. 压缩图片资源（使用TinyPNG等工具）
    3. 移除未使用的第三方库

7.2 运行时兼容性问题

7.2.1 样式兼容

  • H5端字体不显示：

    • 确保字体文件路径正确，使用绝对路径/static/fonts/xxx.ttf
    • 处理跨域问题（服务器添加Access-Control-Allow-Origin头）

  • 小程序端flex布局失效：

    • 检查是否使用了小程序不支持的CSS属性
    • 使用rpx单位替代px，确保响应式布局
7.2.2 JS逻辑差异

  • H5端localStorage容量不足：

    • 切换为使用SessionStorage或后端存储
    • 对大数据进行压缩处理

  • App端返回键处理：

    • 使用plus.key.addEventListener('backbutton', ...)监听物理返回键
    • 在uni-app中通过onBackPress生命周期钩子统一处理

8. 工具链与生态资源

8.1 官方核心工具

  1. HBuilderX：uni-app官方IDE，提供可视化打包、真机调试、代码提示等功能
  2. uni-app CLI：命令行工具，支持自动化构建脚本集成
  3. DCloud插件市场：超过10万+插件，涵盖UI组件、功能模块、原生插件

8.2 高效开发辅助工具

工具名称功能特点链接
VSCode插件uni-app代码高亮、语法检查、快速跳转Marketplace
微信开发者工具小程序真机调试、性能分析微信公众平台下载
Charles网络请求抓包，跨平台调试官网

8.3 学习资源推荐

8.3.1 官方文档
8.3.2 书籍推荐
  1. 《uni-app跨平台开发实战》- 机械工业出版社
  2. 《Vue.js权威指南》- 电子工业出版社（基础必备）
8.3.3 视频课程

9. 总结：多端开发的未来与挑战

9.1 技术趋势

  1. 跨平台框架升级：uni-app持续优化编译器性能，支持更多新平台（如快应用、车机系统）
  2. 原生能力深度整合：通过nvue和原生插件实现复杂交互场景
  3. 低代码开发：可视化工具与uni-app结合，降低多端开发门槛

9.2 核心价值

uni-app的多端发布体系带来显著优势：

  • 效率提升：一套代码维护，减少80%以上重复开发工作
  • 体验统一：通过条件编译和适配策略，保证各端用户体验一致性
  • 成本控制：降低多端团队的人员投入和维护成本

9.3 挑战与应对

  • 平台差异适配：建立完善的条件编译体系和兼容性测试流程
  • 性能优化：结合分包加载、CDN加速、代码压缩等手段持续优化
  • 生态依赖：关注DCloud工具链更新，建立本地化构建容灾方案

10. 扩展阅读 & 参考资料

  1. uni-app官方打包文档
  2. 微信小程序开发规范
  3. Android签名最佳实践
  4. iOS证书申请指南

通过掌握uni-app的多端发布流程，开发者能够高效构建覆盖全平台的应用生态。从基础配置到高级优化，从代码编写到故障排查，本文提供了完整的技术路线图。随着跨平台技术的不断演进，uni-app将持续成为多端开发的首选方案，帮助企业和开发者在全渠道布局中抢占先机。

uniapp - 微信授权登录报错 errMsg“:“login:fail send“ | “code“:-100 | “innerCode“:-6，解决uni-app调用微信登录时没有响应且返回错误
王二红
05-14 1万+
uni-app，微信登录，微信登录报错，微信小程序，支付宝小程序，安卓app，苹果ios，nvue，H5网页网站，uniapp苹果安卓app，微信授权登录，uniAppAPP端微信登录报错，微信确认登录界面后点击登录报错，"errMsg":"login:failsend","errCode":-100,"code":-100,"innerCode":-6，都配置好了还是报错怎么办，uniapp微信授权登录报错，UniApph5对接微信登录出现错误，appid，应用签名，微信登陆,code:-100
uni-app开发规范:一键登录(univerify)、服务器调用云函数、微信授权登录 | 身份统一认证
专注于计算机研发知识和资讯分享
07-13 1433
vue现在是es6的写法，require引入外部的js模块(注意不是文件)或import css。另外，vue支持组件导入，可以更方便的封装一个包括界面、js、样式的库。 如需要全局导入vue组件，即每个页面都可以直接使用而不用引用和注册的话，在项目根目录下的main.js里处理。 传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。HBuilderX 2.5.5起支持easycom组件模式。easycom将其精简为一步。 只要组件。就可以不用引用、注册，直接在页面中使用。 如下： 1.2 组件/
uni-app使用HBuilderX打包Web项目
weixin_45067120的博客
01-19 2118
一、找到manifest.json配置Web配置。打包成功，点击地址获取文件。
uni-app 全平台打包上线一站式指南
qq_22232065的博客
07-11 1786
uni-app 作为一款跨平台开发框架，具有众多显著的特点和优势。特点兼容性出色，一套代码能够编译运行于多个平台，如 iOS、Android、H5 等，极大地节省了开发成本。开发速度快，HBuilderX 的支持使得开发和编译效率颇高。优势学习成本低，基于 Vue.js 开发，对于熟悉 Vue 语法和微信小程序开发的人员来说，能够快速上手。扩展能力强，支持 nvue 以及原生的 iOS 和安卓开发，便于功能拓展。为何选择 uni-app 开发。
Uniapp打包发布
最新发布
asddff77的博客
04-22 1145
进入manifests文件夹下的AndroidManifest.xml，替换最后一行的 android:value 为刚才DCloud网站上申请的app离线key。此项目对应的是“新建文件夹”，如果没有的话应该是项目所有权在我手上，在项目里的manifest.json里面重新获取AppID即可。36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期。最后一步要替换的就是好多教程都没有提到的，首先找到刚刚创建的密钥文件，文件路径为。
uni-app条件编译和网页打包
cozy666的博客
05-13 378
在项目打包时，存在打包微信小程序、h5网页端或者其他平台小程序的情况，但是有些api是某些小程序中特有的，例如wx.requestPayment()，微信支付、授权等功能。在打包网页端时会出现路径问题，需要在manifest.json中配置，改为相对路径。需要注意以wx开头的api，以及open-type，这是小程序中特有的。这时，若不做条件编译，打包成非微信小程序的项目则会报错。针对这一问题，需要使用#ifdef将特殊代码进行包裹。
【uniapp】uniapp打包H5（网页端）：
SunPeng的博客
08-10 6177
【uniapp】uniapp打包H5（网页端）：
uniapp打包app并发布到主流应用市场
RD_Xiaobai的博客
06-13 8955
介绍uniapp如何去打包app，并将app发布到应用市场。
uniapp 使用命令行创建项目及使用命令行打包H5 以及使用HBuilder X创建的老项目升级为可使用命令行打包的项目
热门推荐
zhuxichong123的博客
07-06 1万+
13.再运行，终于不报错了，但是 ，项目中使用的 uni-simple-router和uni-read-pages来封装的路由器拦截失效了 纠其原因， uni-simple-router在vue-cli版本中 需要添加额外的配置项。这个bug是真坑~ 小小吐槽一下。9.老项目里的vue.config.js要拿出来 放到根目录下面来，老项目安装的一下依赖 需要在新项目重新安装，复制老项目下的package.json的依赖到新项目下 的package.json里，然后重新执行npm install。
uniapp开发app应用从创建到上架
xiao1215fei的专栏
11-13 5434
通过uniapp官方开发文档，可以完成app开发，但开发过程中难免遇到疑难杂症，以下是本人开发过程中遇到的各种问题及应对方式，仅供参考。
UNIAPP离线打包成apk文件最全攻略
weixin_54529705的博客
10-18 1300
在修改系统变量的时候切记注意，不然容易误删文件造成极大的损失，本人在这里操作失误，莫名把很多软件的运行文件删除了，电脑键盘也无法运行，不知道是操作失误还是中了病毒，重启了几次把软件全部卸载重新安装一遍才解决，算是一个小插曲。首先是配置环境，hbuilder的环境配置相对简单，去官网下载就好了，近几年新兴的开发平台，操作十分简便，相比于as繁琐的英文以及导航栏，中文的开发平台可谓一目了然。创建好后修改文件名为text.keystore就好，用自己修改的应该也没问题，避免有其他差错就改的和示例一样了。
UniAPP打包发布到支付宝小程序打包失败 JS heap out of memory 的解决方案
similing的博客
07-08 1839
问题起因是我想把发布到微信小程序的UniAPP项目发布到支付宝小程序上。暂时没有找到原因，可能是项目页面太多导致编译内存爆掉了。
uni-app接入一键登录功能
pony君的博客
02-22 3581
一键登录功能需要用到云空服务空间和云函数所以必须开通服务空间，你一键登录创建的原函数上传后也会存在这里面。
uni-app从入门到实战系列：商城项目练习
11-02
完成开发后，uni-app支持一键打包生成各平台的应用包。在HBuilderX中选择对应的平台，如iOS、Android或微信小程序，进行编译和打包。 总结，通过这个"uni_shop"商城项目练习，你可以系统地学习到uni-app的各个层面...
使用uni-app搭建的企业OA app
03-23
开发uni-app项目时，通常会使用HBuilderX作为IDE，它提供了代码提示、实时预览、一键打包等功能，极大地简化了uni-app的开发流程。在实现企业OA app的功能时，开发者可能会用到uni-app的组件如`uni-forms`（表单）、...
Uniapp问题：uniapp拉起微信小程序和支付宝小程序！
chenghao13834505361的博客
07-09 1133
uniapp拉起微信小程序和支付宝小程序！
uniAPP的webview封装使用
JavaNumans的博客
07-19 1727
uniAPP通过webview跳转到其他网址 uniApp的webview封装 一般分为微信小程序的和App的,微信小程序、H5使用.vue文件，运行时到App上会自动采用.nvue， 不采用.nvue文件时，在App中html页面的标题会自动填充到系统标题栏 微信小程序 <template> <view> <view><web-view :src="path"></web-view></view> </view&g
[uni-app]小兔鲜-03多端打包上线
.
09-26 1924
JS API兼容: 非h5端, 不支持window, document等JS API, uni-app扩展了uni对象, 封装了大量支持跨端的JS API, 如果使用了各端专有的API, 如微信支付等, 需要添加条件编译。结构差异: app端渲染结构和小程序端渲染结果存在差异的, 我们给page设置的属性在app端不会生效, 因为app端不会渲染page这一层, 所以要做一些兼容性处理。解决方案: 让page页面继承父容器的高度, 父容器的高度uniapp已经处理好了, 减去了上下导航的高度。
uniapp使用Hbuilder从打包到发布至TestFlight完整教程
m0_66975650的博客
11-01 2642
uniapp,vue开发App,使用HBuilder成功打包ios篇
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值