How to change the app application name in uniapp

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"
  }
}

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"
  }
}

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>

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!