当前位置:首页 > uni-app

uniapp应用名称

2026-03-05 07:40:16uni-app

修改应用名称的方法

在UniApp中修改应用名称需要根据不同的平台(如H5、App、小程序)进行配置,以下是具体操作步骤:

H5平台manifest.json文件中找到h5配置节点,修改title字段为需要的应用名称:

"h5": {
  "title": "你的应用名称"
}

App平台manifest.json文件中找到app-plus配置节点,修改name字段:

uniapp应用名称

"app-plus": {
  "name": "你的应用名称"
}

微信小程序 在项目根目录的pages.json中修改globalStyle下的navigationBarTitleText

"globalStyle": {
  "navigationBarTitleText": "你的应用名称"
}

Android原生配置 如需修改Android应用名称,需在manifest.jsonapp-plus->distribute->android节点下修改:

uniapp应用名称

"android": {
  "appName": "你的应用名称"
}

iOS原生配置manifest.jsonapp-plus->distribute->ios节点下修改:

"ios": {
  "appName": "你的应用名称"
}

注意事项

  • 修改配置后需要重新编译项目才能生效
  • 不同平台的应用名称可以设置为不同的值
  • 对于原生App,修改名称后需要重新打包发布
  • 小程序平台的名称可能还需要在对应平台的开发者工具中进行配置

多语言支持

如需实现多语言应用名称,可以通过动态设置的方式:

// 在App.vue中动态设置
uni.setNavigationBarTitle({
  title: this.$t('appName')
})

以上方法涵盖了UniApp中修改应用名称的主要场景,根据实际需求选择对应的配置方式即可。

标签: 名称uniapp
分享给朋友:

相关文章

uniapp教程

uniapp教程

uniapp 基础介绍 uniapp 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布(如微信小程序、H5、App、快应用等)。其核心优势在于代码复用率高,学习成本低,适合快速构建多…

uniapp实名认证

uniapp实名认证

uniapp实名认证实现方法 使用uniCloud实名认证插件 uniapp官方提供了uniCloud的实名认证插件,可快速集成到项目中。插件支持身份证识别、活体检测等功能,需在uniCloud控制台…

uniapp组件

uniapp组件

uniapp组件基础概念 uniapp的组件系统基于Vue.js,支持跨平台开发(H5、小程序、App等)。组件分为内置基础组件(如<view>、<button>)和自定义组件…

任务 uniapp

任务 uniapp

uniapp 简介 Uniapp 是一款基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布(如微信小程序、H5、App、快应用等)。其核心优势在于代码复用率高,开发者可以通过一套代码适配多个…

重构uniapp

重构uniapp

重构 Uniapp 项目的关键方法 代码结构优化 将页面、组件、静态资源按功能模块划分,避免全部堆放在根目录。建议采用以下结构: src/ ├── components/ // 通用组…

uniapp 数据

uniapp 数据

uniapp 数据管理方法 本地存储 使用 uni.setStorageSync 和 uni.getStorageSync 进行本地数据持久化存储。适合保存用户偏好设置或小型数据。 // 存储数…