更新记录

1.0.1（2025-08-27） 下载此版本

• 修改应用图标获取位置

1.0.0（2025-08-26） 下载此版本

• 鸿蒙应用授权手机号一键登录

平台兼容性

云端兼容性

uni-app(4.75)

uni-app x(4.75)

其他

uni-get-phone-number

鸿蒙应用通过华为账号授权手机号一键登录

使用方式

配置app_icon

在项目的harmony-configs/AppScope/resources/base/media目录下，创建名为app_icon.png的应用图标，用于获取手机号弹窗上展示。

配置app_name

在项目的harmony-configs/AppScope/resources/base/element/string.json文件中, 添加以下字段：

{
    "string": [{
        "name": "app_name",
        "value": "应用名称"
    }]
}

引入插件

通过嵌入原生鸿蒙插件方式引入 文档

<template>
    <embed
        tag="appharmonygetphonenumber"
        :options="options"
        @clickprivacytext="onClickPrivacyText"
        @getphonenumber="onGetPhoneNumber"
        @ready="onReady"
        @close="onClose"
        @error="onError"
    ></embed>
</template>

<script>
  const agreements = [
      {
        text: "用户协议",
        url: "https://xxx"
      }, {
        text: "隐私协议",
        url: "https://xxx"
      }
  ]
  export default {
    data() {
      return {
        options: {
          show: true,
          privacyConfig: agreements.map(agreement => agreement.text)
        }
      };
    },
    methods: {
      onClickPrivacyText(e) {
        console.log("点击隐私条款", e);

        const {tag} = e.detail
        const agreement = agreements.find(agreement => agreement.text === tag)
        if (agreement) {
          uni.navigateTo({
            url: `/pages/webview/webview?url=${encodeURIComponent(agreement.url)}`
          })
        }
      },
      onGetPhoneNumber(e) {
        console.log("获取手机号回调", e);
      },
      onReady(e) {
        console.log("插件加载完成", e);
      },
      onClose(e) {
        console.log("关闭插件", e);
      },
      onError(e) {
        console.log("插件报错", e);
      }
    }
  };
</script>

参数说明