Home > Web Front-end > uni-app > How to change the app application name in uniapp

How to change the app application name in uniapp

PHPz
Release: 2023-04-20 09:58:46
Original
3900 people have browsed it

In recent years, with the rapid development of mobile Internet, mobile applications have become an indispensable part of people's lives. For developers, developing their own applications is both a challenge and a very meaningful job. However, for many beginners, not knowing how to change the name of the application can be very confusing for them. Today we will discuss how UniApp changes the app name.

First, create a new UniApp project. In the manifest.json file, find "app-plus", as shown below:

{
  "app-plus": {
    "id": "io.dcloud.hellouniapp",
    "name": "Hello UniApp",
    "version": "1.0.0",
    "minPlatformVersion": "1050"
  }
}
Copy after login

In the above code, you can see that the name field is app The name of the application. Modify the value of this field to modify the name of the application. For example, if you want to change the name of the application to "UniApp HelloWorld", you only need to change the value of the name field in the above code to "UniApp HelloWorld".

{
  "app-plus": {
    "id": "io.dcloud.hellouniapp",
    "name": "UniApp HelloWorld",
    "version": "1.0.0",
    "minPlatformVersion": "1050"
  }
}
Copy after login

In addition to modifying the manifest.json file, you can also make corresponding changes in the App.vue file. The code is as follows:

<template>
  <div class="app">
    <header class="header">
      <h1>{{ appName }}</h1>
    </header>
    <p class="content">
      Welcome to your {{ platform }} app built with <a href="https://uniapp.dcloud.io">Uni App</a>.
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      appName: 'Hello UniApp', // 将这里修改为指定的名称
      platform: uni.getSystemInfoSync().platform
    }
  }
}
</script>

<style>
...
</style>
Copy after login

Here, you can see that the appName field in the data is the name of the app application. Just modify it to the specified name.

To sum up, modifying the name of the UniApp application is very simple. You only need to find the corresponding field in the code and modify it. Of course, developers need to pay attention to some normative issues when changing the name of an application. For example, the name should be highly identifiable and should not contain sensitive information. I hope this article can provide some help to UniApp developers.

The above is the detailed content of How to change the app application name in uniapp. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template