当前位置: 首页 > news >正文

安卓 uniapp跨端开发

  • HBuilder X 4.24

本地插件方式使用原生插件

  • 例如 MT-TTS 地址
  • PS: 播放 speek({text: ‘test’}) 应为 播放 speak({text: ‘test’})
  • MT-TTS下载下来之后,将 nativeplugins 文件夹拷贝到 uniapp 项目根目录中
  • manifest.json ---- App原生插件配置
    在这里插入图片描述在这里插入图片描述
  • 运行
    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
  • 语音引擎
  • 测试文字转语音播报功能
<template><view class="content"><image class="logo" src="/static/logo.png"></image><view><text class="title" @click="ggg">{{title}}</text></view></view>
</template><script>const TTSSpeech = uni.requireNativePlugin("MT-TTS-Speech");export default {data() {return {title: 'Hello'}},onLoad() {if (TTSSpeech) {uni.showToast({title: "有值",icon: "none"})} else {uni.showToast({title: "无值",icon: "none"})}TTSSpeech.getInstallTTS(list => {list.forEach(v => console.log(`引擎名 ${v.label} 包名:${v.name}`));})TTSSpeech.init((status) => {if (status === 0) {console.log('引擎初始化成功')TTSSpeech.setSpeed(60);TTSSpeech.speak({text: '引擎初始化成功'})}}, 'com.google.android.tts')// com.google.android.tts 这里使用的 谷歌文字转语音引擎,需要下载安装包提前安装},methods: {ggg() {TTSSpeech.speak({text: '你好,世界'})}}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin: 200rpx auto 50rpx auto;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}
</style>

云端插件方式使用原生插件

  • 需在官网配置插件对应appID等相关信息

云打包

  • HBuilder X , 新建 uniapp 默认模板

  • manifest.json

    // 配置横屏/竖屏, 下滑到最下面 源码视图
    "app-plus" : {"screenOrientation" : ["portrait-primary", //可选,字符串类型,支持竖屏"portrait-secondary", //可选,字符串类型,支持反向竖屏"landscape-primary", //可选,字符串类型,支持横屏"landscape-secondary" //可选,字符串类型,支持反向横屏]}
    
  • 配置应用名称 / 应用图标
    在这里插入图片描述
    在这里插入图片描述

  • 发行 ---- 原生APP-云打包
    在这里插入图片描述

离线打包

  • 下载离线 SDK 官网下载地址
  • 解压之后使用安卓开发工具打开 HBuilder-Integrate-AS 项目
  • HBuilder-Integrate-AS 文件夹下创建 local.properties 文件
# local.properties
# 安卓 SDK 安装路径
sdk.dir=D\:\\androidSdk
  • HBuilder-Integrate-AS/gradle/wrapper/gradle-wrapper.properties
# distributionUrl 更换如下
distributionUrl=https://mirrors.cloud.tencent.com/gradle/gradle-6.5-all.zip
  • 刷新 gradle 配置,无报错就算完成

-

  • 进入开发者中心

  • 创建应用
    在这里插入图片描述在这里插入图片描述- 创建平台信息
    在这里插入图片描述
    在这里插入图片描述

  • SHA1 / MD5 / SHA256 值为上述运行 gradle signingReport 得到的信息
    在这里插入图片描述在这里插入图片描述

  • 包名
    -

  • 使用 cli 方式创建项目

 npm install -g @vue/clivue create -p dcloudio/uni-preset-vue my-project
  • 配置应用名称 / 图标 如上述配置
  • manifest.json 源码视图中 appid 修改为 上述开发者中心创建的离线appid
  • 打包
    -
    在这里插入图片描述
  • 将生成的文件夹放在 HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps
  • HBuilder-Integrate-AS\simpleDemo\src\main\assets\data\dcloud_control.xml
<!--dcloud_control.xml-->
<hbuilder>
<apps><app appid="上述开发者中心创建的离线appid" appver=""/>
</apps>
</hbuilder>
  • 上述开发者中心创建的离线 Android
    在这里插入图片描述- 完成可打包

  • 如在离线打包中使用了本地插件

    • 将本地插件的 aar 文件放在 libs 文件夹中
      在这里插入图片描述

    • 增加配置文件 在这里插入图片描述

http://www.lryc.cn/news/441870.html

相关文章:

  • 【高阶用法】uniapp的i18n多语言模块修复与增强(Typescript)
  • SQL Server Data Tools (SSDT)入门教程
  • 窗户检测系统源码分享
  • 2.计算机网络基础
  • 硬中断,软中断恢复位置
  • MySQL基础(13)- MySQL数据类型
  • 数据结构------二叉树简单介绍及实现
  • 由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(六)
  • 尚品汇-秒杀下单实现-页面轮询查询订单状态(五十三)
  • 2024年微电子与纳米技术国际研讨会(ICMN 2024) Microelectronics and Nanotechnology
  • 2024最新版,人大赵鑫老师《大语言模型》新书pdf分享
  • [Leetcode 543][Easy]-二叉树的直径-递归
  • 高级大数据开发学习路线指南
  • SpringBoot设置mysql的ssl连接
  • 2024-1.2.12-Android-Studio配置
  • 前端vue左侧树的一整套功能实现(一):vue2+vite封装v-resize指令,实现左侧树拖拽宽度和折叠展开
  • 本地部署huggingface模型,建立自己的翻译应用
  • 基于python+django+vue的在线学习资源推送系统
  • .Net Gacutil工具(全局程序集缓存工具)使用教程
  • 安卓13修改设置设备型号和设备名称分析与更改-android13设置设备型号和设备名称更改
  • AI健身体能测试之基于paddlehub实现引体向上计数个数统计
  • Redis常见报错及解决方法总结
  • 【TabBar嵌套Navigation案例-JSON的简单使用 Objective-C语言】
  • 通过鼠标移动来调整两个盒子的宽度(响应式)
  • React Zustand状态管理库的使用
  • pyrosetta MoveMap介绍
  • 在线安全干货|如何更改IP地址?
  • 【C++】【网络】【Linux系统编程】单例模式,加锁封装TCP/IP协议套接字
  • Matplotlib在运维开发中的应用
  • centos下nvme over rdma 环境配置